{"id":224753,"date":"2026-07-01T16:14:07","date_gmt":"2026-07-01T14:14:07","guid":{"rendered":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/?page_id=224753"},"modified":"2026-07-03T16:05:05","modified_gmt":"2026-07-03T14:05:05","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\" id=\"nosoffres\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module preset--module--divi-text--dkz3c92spv\"><div class=\"et_pb_text_inner\"><p>Portfolio<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2 style=\"text-align: center;\">D\u00e9couvrez les sites que nous avons r\u00e9alis\u00e9s pour nos clients<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone preset--module--divi-column--default\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">    <style>\r\n        .sur-portfolio {\r\n            --sur-pf-blue: #18247c;\r\n            --sur-pf-soft: #dfeaff;\r\n            --sur-pf-ink: #10153f;\r\n            --sur-pf-white: #fff;\r\n            color: var(--sur-pf-blue);\r\n        }\r\n\r\n        .sur-pf-filters {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, minmax(180px, 1fr));\r\n            gap: 18px 22px;\r\n            align-items: end;\r\n            margin: 0 0 22px;\r\n        }\r\n\r\n        .sur-pf-field {\r\n            min-width: 0;\r\n        }\r\n\r\n        .sur-pf-field label {\r\n            display: block;\r\n            margin: 0 0 12px;\r\n            color: var(--sur-pf-blue);\r\n            font-size: 15px;\r\n            line-height: 1.25;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .sur-pf-field select,\r\n        .sur-pf-field input {\r\n            width: 100%;\r\n            min-height: 52px;\r\n            padding: 0 44px 0 16px;\r\n            border: 1px solid rgba(24, 36, 124, 0.08);\r\n            border-radius: 0;\r\n            background-color: var(--sur-pf-white);\r\n            color: var(--sur-pf-blue);\r\n            font: inherit;\r\n            box-shadow: none;\r\n            outline: none;\r\n        }\r\n\r\n        .sur-pf-field select:focus,\r\n        .sur-pf-field input:focus {\r\n            border-color: rgba(24, 36, 124, 0.45);\r\n            box-shadow: 0 0 0 3px rgba(24, 36, 124, 0.09);\r\n        }\r\n\r\n        .sur-pf-field input::placeholder {\r\n            color: rgba(16, 21, 63, 0.62);\r\n        }\r\n\r\n        .sur-pf-reset {\r\n            width: 100%;\r\n            min-height: 52px;\r\n            padding: 0 18px;\r\n            border: 1px solid rgba(24, 36, 124, 0.2);\r\n            background: transparent;\r\n            color: var(--sur-pf-blue);\r\n            font: inherit;\r\n            cursor: pointer;\r\n            transition: background-color 180ms ease, border-color 180ms ease;\r\n        }\r\n\r\n        .sur-pf-reset:hover,\r\n        .sur-pf-reset:focus {\r\n            background: rgba(255, 255, 255, 0.42);\r\n            border-color: rgba(24, 36, 124, 0.42);\r\n        }\r\n\r\n        .sur-pf-meta {\r\n            min-height: 24px;\r\n            margin: 0 0 18px;\r\n            color: rgba(16, 21, 63, 0.72);\r\n            font-size: 14px;\r\n        }\r\n\r\n        .sur-pf-results {\r\n            position: relative;\r\n            transition: opacity 180ms ease;\r\n        }\r\n\r\n        .sur-portfolio.is-loading .sur-pf-results {\r\n            opacity: 0.45;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .sur-pf-loader {\r\n            margin: 28px 0 0;\r\n            color: rgba(16, 21, 63, 0.72);\r\n            font-size: 14px;\r\n            text-align: center;\r\n        }\r\n\r\n        .sur-pf-loader[hidden] {\r\n            display: none;\r\n        }\r\n\r\n        .sur-pf-sentinel {\r\n            width: 100%;\r\n            height: 1px;\r\n        }\r\n\r\n        .sur-pf-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(var(--sur-pf-columns), minmax(0, 1fr));\r\n            gap: 28px;\r\n        }\r\n\r\n        .sur-pf-card {\r\n            min-width: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .sur-pf-card-link {\r\n            position: relative;\r\n            display: block;\r\n            overflow: hidden;\r\n            min-height: 100%;\r\n            aspect-ratio: 16 \/ 10.6;\r\n            border-radius: 8px;\r\n            background: rgba(16, 21, 63, 0.08);\r\n            color: var(--sur-pf-white);\r\n            text-decoration: none;\r\n            box-shadow: 0 12px 24px rgba(16, 21, 63, 0.08);\r\n            transform: translateZ(0);\r\n            transition: transform 220ms ease, box-shadow 220ms ease;\r\n        }\r\n\r\n        .sur-pf-card-link:hover,\r\n        .sur-pf-card-link:focus-visible {\r\n            transform: scale(1.025);\r\n            box-shadow: 0 16px 32px rgba(16, 21, 63, 0.16);\r\n        }\r\n\r\n        .sur-pf-thumb,\r\n        .sur-pf-thumb img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .sur-pf-thumb img {\r\n            object-fit: cover;\r\n            transition: transform 260ms ease, filter 260ms ease;\r\n        }\r\n\r\n        .sur-pf-card-link:hover .sur-pf-thumb img,\r\n        .sur-pf-card-link:focus-visible .sur-pf-thumb img {\r\n            filter: saturate(0.95) brightness(0.82);\r\n        }\r\n\r\n        .sur-pf-fallback {\r\n            display: grid;\r\n            width: 100%;\r\n            height: 100%;\r\n            place-items: center;\r\n            padding: 24px;\r\n            color: var(--sur-pf-blue);\r\n            background: var(--sur-pf-white);\r\n            text-align: center;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .sur-pf-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-end;\r\n            gap: 10px;\r\n            padding: 22px;\r\n            background: linear-gradient(180deg, rgba(16, 21, 63, 0.04) 0%, rgba(16, 21, 63, 0.72) 100%);\r\n            opacity: 0;\r\n            transform: translateY(8px);\r\n            transition: opacity 220ms ease, transform 220ms ease;\r\n        }\r\n\r\n        .sur-pf-card-link:hover .sur-pf-overlay,\r\n        .sur-pf-card-link:focus-visible .sur-pf-overlay {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .sur-pf-card-title {\r\n            color: var(--sur-pf-white);\r\n            font-size: 19px;\r\n            line-height: 1.2;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .sur-pf-card-infos {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n            color: rgba(255, 255, 255, 0.86);\r\n            font-size: 13px;\r\n            line-height: 1.25;\r\n        }\r\n\r\n        .sur-pf-card-infos span {\r\n            display: inline-flex;\r\n            max-width: 100%;\r\n            padding: 5px 9px;\r\n            border: 1px solid rgba(255, 255, 255, 0.28);\r\n            background: rgba(255, 255, 255, 0.08);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .sur-pf-button {\r\n            align-self: flex-start;\r\n            margin-top: 4px;\r\n            padding: 8px 13px;\r\n            border: 1px solid rgba(255, 255, 255, 0.52);\r\n            color: var(--sur-pf-white);\r\n            font-size: 13px;\r\n            line-height: 1;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .sur-pf-empty {\r\n            margin: 28px 0 0;\r\n            color: var(--sur-pf-blue);\r\n            font-size: 16px;\r\n        }\r\n\r\n        @media (max-width: 1100px) {\r\n            .sur-pf-filters {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            }\r\n\r\n            .sur-pf-grid {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            }\r\n        }\r\n\r\n        @media (max-width: 680px) {\r\n            .sur-pf-filters,\r\n            .sur-pf-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .sur-pf-card-link {\r\n                aspect-ratio: 16 \/ 11;\r\n            }\r\n        }\r\n\r\n        @media (hover: none) {\r\n            .sur-pf-overlay {\r\n                opacity: 1;\r\n                transform: none;\r\n                background: linear-gradient(180deg, rgba(16, 21, 63, 0.02) 0%, rgba(16, 21, 63, 0.68) 100%);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        window.surPfAjax = window.surPfAjax || {\r\n            ajaxUrl: \"https:\\\/\\\/clients.mon-studio-web.com\\\/msw-refonte\\\/wp-admin\\\/admin-ajax.php\",\r\n            nonce: \"7e7d56a701\"        };\r\n\r\n        (function () {\r\n            function debounce(callback, delay) {\r\n                var timer;\r\n                return function () {\r\n                    var args = arguments;\r\n                    clearTimeout(timer);\r\n                    timer = setTimeout(function () {\r\n                        callback.apply(null, args);\r\n                    }, delay);\r\n                };\r\n            }\r\n\r\n            function setLoading(portfolio, isLoading, isAppend) {\r\n                var loader = portfolio.querySelector('.sur-pf-loader');\r\n\r\n                portfolio.dataset.surPfLoading = isLoading ? '1' : '0';\r\n                portfolio.classList.toggle('is-loading', isLoading && !isAppend);\r\n\r\n                if (loader) {\r\n                    loader.hidden = !(isLoading && isAppend);\r\n                }\r\n            }\r\n\r\n            function submitFilters(portfolio, options) {\r\n                options = options || {};\r\n\r\n                var append = !!options.append;\r\n                var page = options.page || 1;\r\n                var form = portfolio.querySelector('.sur-pf-filters');\r\n                var results = portfolio.querySelector('.sur-pf-results');\r\n                var count = portfolio.querySelector('.sur-pf-count');\r\n                var data = new FormData(form);\r\n\r\n                if (portfolio.dataset.surPfLoading === '1') {\r\n                    return;\r\n                }\r\n\r\n                if (append && portfolio.dataset.hasMore !== '1') {\r\n                    return;\r\n                }\r\n\r\n                data.append('action', 'sur_pf_filter');\r\n                data.append('nonce', window.surPfAjax.nonce);\r\n                data.append('per_page', portfolio.dataset.perPage || '12');\r\n                data.append('max_items', portfolio.dataset.maxItems || '-1');\r\n                data.append('page', page);\r\n                data.append('append', append ? '1' : '0');\r\n                data.append('button_label', portfolio.dataset.buttonLabel || 'D\u00e9couvrir le projet');\r\n\r\n                setLoading(portfolio, true, append);\r\n\r\n                fetch(window.surPfAjax.ajaxUrl, {\r\n                    method: 'POST',\r\n                    credentials: 'same-origin',\r\n                    body: data\r\n                })\r\n                    .then(function (response) {\r\n                        return response.json();\r\n                    })\r\n                    .then(function (response) {\r\n                        if (!response || !response.success) {\r\n                            return;\r\n                        }\r\n\r\n                        if (append) {\r\n                            var grid = results.querySelector('.sur-pf-grid');\r\n\r\n                            if (grid && response.data.html) {\r\n                                grid.insertAdjacentHTML('beforeend', response.data.html);\r\n                            }\r\n                        } else {\r\n                            results.innerHTML = response.data.html;\r\n                        }\r\n\r\n                        count.textContent = response.data.count;\r\n                        portfolio.dataset.currentPage = response.data.page || page;\r\n                        portfolio.dataset.hasMore = response.data.has_more ? '1' : '0';\r\n                    })\r\n                    .finally(function () {\r\n                        setLoading(portfolio, false, append);\r\n                    });\r\n            }\r\n\r\n            function loadNextPage(portfolio) {\r\n                if (portfolio.dataset.hasMore !== '1' || portfolio.dataset.surPfLoading === '1') {\r\n                    return;\r\n                }\r\n\r\n                var currentPage = parseInt(portfolio.dataset.currentPage || '1', 10);\r\n                submitFilters(portfolio, {\r\n                    append: true,\r\n                    page: currentPage + 1\r\n                });\r\n            }\r\n\r\n            function initPortfolio(portfolio) {\r\n                if (portfolio.dataset.surPfReady === '1') {\r\n                    return;\r\n                }\r\n\r\n                portfolio.dataset.surPfReady = '1';\r\n\r\n                var form = portfolio.querySelector('.sur-pf-filters');\r\n                var reset = portfolio.querySelector('.sur-pf-reset');\r\n                var sentinel = portfolio.querySelector('.sur-pf-sentinel');\r\n                var debouncedSubmit = debounce(function () {\r\n                    submitFilters(portfolio, { page: 1 });\r\n                }, 320);\r\n\r\n                form.addEventListener('submit', function (event) {\r\n                    event.preventDefault();\r\n                    submitFilters(portfolio, { page: 1 });\r\n                });\r\n\r\n                form.querySelectorAll('select').forEach(function (field) {\r\n                    field.addEventListener('change', function () {\r\n                        submitFilters(portfolio, { page: 1 });\r\n                    });\r\n                });\r\n\r\n                form.querySelectorAll('input[type=\"search\"]').forEach(function (field) {\r\n                    field.addEventListener('input', debouncedSubmit);\r\n                });\r\n\r\n                reset.addEventListener('click', function () {\r\n                    form.querySelectorAll('select, input[type=\"search\"]').forEach(function (field) {\r\n                        field.value = '';\r\n                    });\r\n                    submitFilters(portfolio, { page: 1 });\r\n                });\r\n\r\n                if (sentinel && 'IntersectionObserver' in window) {\r\n                    var observer = new IntersectionObserver(function (entries) {\r\n                        entries.forEach(function (entry) {\r\n                            if (entry.isIntersecting) {\r\n                                loadNextPage(portfolio);\r\n                            }\r\n                        });\r\n                    }, {\r\n                        rootMargin: '520px 0px'\r\n                    });\r\n\r\n                    observer.observe(sentinel);\r\n                } else if (sentinel) {\r\n                    window.addEventListener('scroll', debounce(function () {\r\n                        var rect = sentinel.getBoundingClientRect();\r\n\r\n                        if (rect.top < window.innerHeight + 520) {\r\n                            loadNextPage(portfolio);\r\n                        }\r\n                    }, 160), { passive: true });\r\n                }\r\n            }\r\n\r\n            document.addEventListener('DOMContentLoaded', function () {\r\n                document.querySelectorAll('.sur-portfolio').forEach(initPortfolio);\r\n            });\r\n        }());\r\n    <\/script>\r\n        <section\r\n        class=\"sur-portfolio\"\r\n        data-per-page=\"12\"\r\n        data-max-items=\"-1\"\r\n        data-current-page=\"1\"\r\n        data-has-more=\"1\"\r\n        data-button-label=\"D\u00e9couvrir le projet\"\r\n        style=\"--sur-pf-columns: 3;\"\r\n    >\r\n        <form class=\"sur-pf-filters\" method=\"get\">\r\n            <div class=\"sur-pf-field\">\r\n                <label for=\"sur-pf-sector\">Secteur :<\/label>\r\n                <select id=\"sur-pf-sector\" name=\"secteur\">\r\n                    <option value=\"\">S\u00e9lectionner dans la liste<\/option>\r\n                                            <option value=\"Alimentation-Boissons\" >\r\n                            Alimentation-Boissons                        <\/option>\r\n                                            <option value=\"Animaux\" >\r\n                            Animaux                        <\/option>\r\n                                            <option value=\"Art - Artisanat\" >\r\n                            Art - Artisanat                        <\/option>\r\n                                            <option value=\"Automobile - Transport\" >\r\n                            Automobile - Transport                        <\/option>\r\n                                            <option value=\"Banque - Assurance\" >\r\n                            Banque - Assurance                        <\/option>\r\n                                            <option value=\"Beaut\u00e9 - Bien-\u00eatre\/soin\" >\r\n                            Beaut\u00e9 - Bien-\u00eatre\/soin                        <\/option>\r\n                                            <option value=\"Blog\/M\u00e9dia\" >\r\n                            Blog\/M\u00e9dia                        <\/option>\r\n                                            <option value=\"Bricolage\" >\r\n                            Bricolage                        <\/option>\r\n                                            <option value=\"Communication - Marketing\" >\r\n                            Communication - Marketing                        <\/option>\r\n                                            <option value=\"Communaut\u00e9\" >\r\n                            Communaut\u00e9                        <\/option>\r\n                                            <option value=\"Construction - B\u00e2timent\" >\r\n                            Construction - B\u00e2timent                        <\/option>\r\n                                            <option value=\"Droit - Juridique\" >\r\n                            Droit - Juridique                        <\/option>\r\n                                            <option value=\"\u00c9cologie\" >\r\n                            \u00c9cologie                        <\/option>\r\n                                            <option value=\"Enfance\" >\r\n                            Enfance                        <\/option>\r\n                                            <option value=\"Enseignement - Formation - Coaching\" >\r\n                            Enseignement - Formation - Coaching                        <\/option>\r\n                                            <option value=\"\u00c9v\u00e9nement\" >\r\n                            \u00c9v\u00e9nement                        <\/option>\r\n                                            <option value=\"Grande distribution\" >\r\n                            Grande distribution                        <\/option>\r\n                                            <option value=\"H\u00f4tellerie - Restauration - Bar\" >\r\n                            H\u00f4tellerie - Restauration - Bar                        <\/option>\r\n                                            <option value=\"Immobilier\" >\r\n                            Immobilier                        <\/option>\r\n                                            <option value=\"Industrie\" >\r\n                            Industrie                        <\/option>\r\n                                            <option value=\"Jardin\" >\r\n                            Jardin                        <\/option>\r\n                                            <option value=\"Jeux\" >\r\n                            Jeux                        <\/option>\r\n                                            <option value=\"Litt\u00e9rature\" >\r\n                            Litt\u00e9rature                        <\/option>\r\n                                            <option value=\"Maison - Meubles - D\u00e9co\" >\r\n                            Maison - Meubles - D\u00e9co                        <\/option>\r\n                                            <option value=\"M\u00e9dical\" >\r\n                            M\u00e9dical                        <\/option>\r\n                                            <option value=\"Mode - Accessoires - Bijoux\" >\r\n                            Mode - Accessoires - Bijoux                        <\/option>\r\n                                            <option value=\"Musique\" >\r\n                            Musique                        <\/option>\r\n                                            <option value=\"RH - Recrutement - Management\" >\r\n                            RH - Recrutement - Management                        <\/option>\r\n                                            <option value=\"Sant\u00e9\" >\r\n                            Sant\u00e9                        <\/option>\r\n                                            <option value=\"Seniors\" >\r\n                            Seniors                        <\/option>\r\n                                            <option value=\"Services aux entreprises\" >\r\n                            Services aux entreprises                        <\/option>\r\n                                            <option value=\"Spectacle\" >\r\n                            Spectacle                        <\/option>\r\n                                            <option value=\"Sport\" >\r\n                            Sport                        <\/option>\r\n                                            <option value=\"Technologie - Digital - Appli\" >\r\n                            Technologie - Digital - Appli                        <\/option>\r\n                                            <option value=\"Tourisme\" >\r\n                            Tourisme                        <\/option>\r\n                                            <option value=\"Vid\u00e9o - S\u00e9rie - Cin\u00e9ma\" >\r\n                            Vid\u00e9o - S\u00e9rie - Cin\u00e9ma                        <\/option>\r\n                                    <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"sur-pf-field\">\r\n                <label for=\"sur-pf-category\">Type de site :<\/label>\r\n                <select id=\"sur-pf-category\" name=\"type_site\">\r\n                    <option value=\"\">S\u00e9lectionner dans la liste<\/option>\r\n                                            <option value=\"20\" >\r\n                            Site cinq pages                        <\/option>\r\n                                            <option value=\"19\" >\r\n                            Site e-commerce                        <\/option>\r\n                                            <option value=\"21\" >\r\n                            Site one page                        <\/option>\r\n                                    <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"sur-pf-field\">\r\n                <label for=\"sur-pf-search\">Rechercher :<\/label>\r\n                <input\r\n                    id=\"sur-pf-search\"\r\n                    type=\"search\"\r\n                    name=\"recherche\"\r\n                    value=\"\"\r\n                    placeholder=\"Tapez-ici\"\r\n                >\r\n            <\/div>\r\n\r\n            <button class=\"sur-pf-reset\" type=\"button\">R\u00e9initialiser<\/button>\r\n        <\/form>\r\n\r\n        <div class=\"sur-pf-meta\" aria-live=\"polite\">\r\n            <span class=\"sur-pf-count\">12 \/ 110 projets<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sur-pf-results\">\r\n                <div class=\"sur-pf-grid\">\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/gyrdis-en\/\" aria-label=\"D\u00e9couvrir le projet Gyrdis (EN)\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/gyrdis-site.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/gyrdis-site.jpg 500w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/gyrdis-site-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Gyrdis (EN)<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Alimentation-Boissons<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/abc-traductions\/\" aria-label=\"D\u00e9couvrir le projet ABC Traductions\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/abc-traduction.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/abc-traduction.jpg 500w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/abc-traduction-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">ABC Traductions<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Enseignement - Formation - Coaching<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/cfoot\/\" aria-label=\"D\u00e9couvrir le projet Cfoot\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/cfoot-site.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/cfoot-site.jpg 500w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/cfoot-site-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Cfoot<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Sport<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/arketype-studio\/\" aria-label=\"D\u00e9couvrir le projet Arketype Studio\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/arketype.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/arketype.jpg 500w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/arketype-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Arketype Studio<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site one page<\/span>\r\n                                                                            <span>Construction - B\u00e2timent<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/marsollier-environnement\/\" aria-label=\"D\u00e9couvrir le projet Marsollier Environnement\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/marsollier-environnement.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/marsollier-environnement.jpg 500w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/07\/marsollier-environnement-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Marsollier Environnement<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Industrie<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/luxinium\/\" aria-label=\"D\u00e9couvrir le projet Luxinium\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/luxinium-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/luxinium-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/luxinium-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/luxinium-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Luxinium<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>\u00c9v\u00e9nement<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/select-rh\/\" aria-label=\"D\u00e9couvrir le projet Select RH\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/selectrh-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/selectrh-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/selectrh-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/selectrh-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Select RH<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>RH - Recrutement - Management<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/plumes\/\" aria-label=\"D\u00e9couvrir le projet Plume(s)\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/plumes-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/plumes-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/plumes-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/plumes-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Plume(s)<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site one page<\/span>\r\n                                                                            <span>Litt\u00e9rature<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/nd-voyages\/\" aria-label=\"D\u00e9couvrir le projet ND Voyages\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/ndvoyages-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/ndvoyages-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/ndvoyages-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/ndvoyages-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">ND Voyages<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Tourisme<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/noor-international\/\" aria-label=\"D\u00e9couvrir le projet Noor International\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/noor-int-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/noor-int-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/noor-int-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/noor-int-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Noor International<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site e-commerce<\/span>\r\n                                                                            <span>Alimentation-Boissons<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/axantis\/\" aria-label=\"D\u00e9couvrir le projet Axantis\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/axantis-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/axantis-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/axantis-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/axantis-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Axantis<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Services aux entreprises<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n                <article class=\"sur-pf-card\">\r\n            <a class=\"sur-pf-card-link\" href=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/project\/perfe-o\/\" aria-label=\"D\u00e9couvrir le projet Perfe-o\">\r\n                <span class=\"sur-pf-thumb\">\r\n                                            <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/perfeo-portfolio-1024x683.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/perfeo-portfolio-1024x683.png 1024w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/perfeo-portfolio-980x653.png 980w, https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-content\/uploads\/2025\/04\/perfeo-portfolio-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                                    <\/span>\r\n\r\n                <span class=\"sur-pf-overlay\">\r\n                    <span class=\"sur-pf-card-title\">Perfe-o<\/span>\r\n                    <span class=\"sur-pf-card-infos\">\r\n                                                    <span>Site cinq pages<\/span>\r\n                                                                            <span>Sport<\/span>\r\n                                            <\/span>\r\n                    <span class=\"sur-pf-button\">D\u00e9couvrir le projet<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/article>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <div class=\"sur-pf-loader\" aria-live=\"polite\" hidden>Chargement des projets...<\/div>\r\n        <div class=\"sur-pf-sentinel\" aria-hidden=\"true\"><\/div>\r\n    <\/section>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-224753","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/pages\/224753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/comments?post=224753"}],"version-history":[{"count":7,"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/pages\/224753\/revisions"}],"predecessor-version":[{"id":224929,"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/pages\/224753\/revisions\/224929"}],"wp:attachment":[{"href":"https:\/\/clients.mon-studio-web.com\/msw-refonte\/wp-json\/wp\/v2\/media?parent=224753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}