{"id":367,"date":"2025-07-18T14:23:41","date_gmt":"2025-07-18T12:23:41","guid":{"rendered":"http:\/\/hydriia.test\/?page_id=367"},"modified":"2025-08-01T15:55:21","modified_gmt":"2025-08-01T13:55:21","slug":"articles","status":"publish","type":"page","link":"https:\/\/hydriia.com\/en\/articles\/","title":{"rendered":"Articles"},"content":{"rendered":"<div class=\"grille-articles\">        <div class=\"article-bloc\">\n                            <div class=\"article-image\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-768x576.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-768x576.jpg 768w, https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-300x225.jpg 300w, https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-1024x768.jpg 1024w, https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-1536x1152.jpg 1536w, https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1-16x12.jpg 16w, https:\/\/hydriia.com\/wp-content\/uploads\/2025\/10\/VILLE-DE-DEMAIN-TEAM-1.jpg 1650w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                <\/div>\n            \n            <div class=\"article-contenu\">\n                <h2>Ville de Demain<\/h2>\n\n                <p class=\"article-categorie\">Cat\u00e9gorie : post linkedin<\/p>\n                <p class=\"article-auteur\">Par Hydriia<\/p>\n                <p class=\"article-extrait\"><p>Ville de Demain est le programme d&rsquo;innovationurbaine de STATION F. Nous rassemblons lesacteurs de r\u00e9f\u00e9rence et les startups les plusprometteuses qui imaginent et construisent lesterritoires&hellip;<\/p>\n<\/p>\n\n                <div class=\"article-bouton\">\n                    <a href=\"https:\/\/hydriia.com\/en\/2025\/07\/18\/article-3\/\">D\u00e9tail<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <style>\n    .grille-articles {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2rem;\n        justify-content: center;\n    }\n    .article-bloc {\n        flex: 1 1 calc(33.333% - 2rem);\n        background: white;\n        padding: 30px;\n        border-radius: 16px;\n        box-shadow: -10px 0 20px rgba(0,0,0,0.05), 10px 0 20px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s;\n    }\n    .article-bloc:hover {\n        transform: translateY(-5px);\n    }\n    .article-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 8px;\n    }\n    .article-contenu {\n        padding-top: 1.2rem;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    .article-categorie, .article-auteur {\n        font-size: 0.9em;\n        color: #666;\n        margin: 0 0 0.75em;\n    }\n    .article-auteur {\n        color: #5196D1;\n        font-weight: bold;\n    }\n    .article-extrait {\n        flex-grow: 1;\n        margin-bottom: 1em;\n    }\n    .article-bouton {\n        text-align: right;\n    }\n    .article-bouton a {\n        background-color: #5196D1;\n        color: white;\n        padding: 8px 14px;\n        border-radius: 6px;\n        text-decoration: none;\n        font-size: 0.9em;\n    }\n\n    .pagination-articles {\n        margin-top: 30px;\n        text-align: center;\n    }\n    .pagination-articles ul {\n        list-style: none;\n        padding: 0;\n        display: inline-flex;\n        gap: 0.5rem;\n    }\n    .pagination-articles li {\n        display: inline;\n    }\n    .pagination-articles a,\n    .pagination-articles span {\n        display: inline-block;\n        padding: 8px 12px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        text-decoration: none;\n        color: #0073aa;\n    }\n    .pagination-articles .current {\n        background-color: #0073aa;\n        color: white;\n        font-weight: bold;\n    }\n\n    @media screen and (max-width: 900px) {\n        .article-bloc {\n            flex: 1 1 calc(50% - 2rem);\n        }\n    }\n    @media screen and (max-width: 600px) {\n        .article-bloc {\n            flex: 1 1 100%;\n        }\n    }\n    <\/style>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":0,"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"wp:attachment":[{"href":"https:\/\/hydriia.com\/en\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}