{"id":3636,"date":"2026-07-23T11:16:49","date_gmt":"2026-07-23T09:16:49","guid":{"rendered":"https:\/\/www.icone-neutron.fr\/?page_id=3636"},"modified":"2026-07-30T13:28:37","modified_gmt":"2026-07-30T11:28:37","slug":"actualites","status":"publish","type":"page","link":"https:\/\/www.icone-neutron.fr\/fr\/actualites\/","title":{"rendered":"actualites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3636\" class=\"elementor elementor-3636\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b41da7 e-flex e-con-boxed e-con e-parent\" data-id=\"6b41da7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0debb2b elementor-widget elementor-widget-html\" data-id=\"0debb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"neutron-container\">\r\n\r\n    <div class=\"neutron-title\">Actualit\u00e9s<\/div>\r\n\r\n    <div class=\"ione-blog\" id=\"actualites\">\r\n        Chargement...\r\n    <\/div>\r\n\r\n    <div class=\"ione-pagination\">\r\n        <button id=\"precedent\" style=\"display:none;\">\u2190 Pr\u00e9c\u00e9dent<\/button>\r\n        <button id=\"suivant\">Suivant \u2192<\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nlet page = 1;\r\nlet totalPages = 1;\r\n\r\n\r\nfunction chargerArticles(){\r\n\r\n    fetch(\"\/wp-json\/wp\/v2\/posts?per_page=3&page=\" + page)\r\n\r\n    .then(response => {\r\n\r\n        totalPages = parseInt(response.headers.get(\"X-WP-TotalPages\"));\r\n\r\n        return response.json();\r\n\r\n    })\r\n\r\n    .then(posts => {\r\n\r\n        let zone = document.getElementById(\"actualites\");\r\n\r\n        zone.innerHTML = \"\";\r\n\r\n\r\n        posts.forEach(post => {\r\n\r\n            let extrait = post.excerpt.rendered\r\n                .replace(\/<[^>]*>\/g, '')\r\n                .substring(0,180);\r\n\r\n\r\n            zone.innerHTML += `\r\n\r\n            <article class=\"ione-post\">\r\n\r\n                <div class=\"ione-content\">\r\n\r\n                    <span class=\"ione-meta\">\r\n                        ${new Date(post.date).toLocaleDateString('fr-FR')}\r\n                    <\/span>\r\n\r\n                    <h2>\r\n                        <a href=\"${post.link}\">\r\n                            ${post.title.rendered}\r\n                        <\/a>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        ${extrait}...\r\n                    <\/p>\r\n\r\n                    <a class=\"ione-button\" href=\"${post.link}\">\r\n                        Lire l'article\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            `;\r\n\r\n        });\r\n\r\n\r\n        gestionPagination();\r\n\r\n    })\r\n\r\n    .catch(error => {\r\n\r\n        document.getElementById(\"actualites\").innerHTML =\r\n        \"Erreur : \" + error;\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n\r\nfunction gestionPagination(){\r\n\r\n    let precedent = document.getElementById(\"precedent\");\r\n    let suivant = document.getElementById(\"suivant\");\r\n\r\n\r\n    \/\/ Premi\u00e8re page\r\n    if(page === 1){\r\n\r\n        precedent.style.display = \"none\";\r\n        suivant.style.display = \"inline-block\";\r\n\r\n    }\r\n\r\n    \/\/ Derni\u00e8re page\r\n    else if(page === totalPages){\r\n\r\n        precedent.style.display = \"inline-block\";\r\n        suivant.style.display = \"none\";\r\n\r\n    }\r\n\r\n    \/\/ Pages interm\u00e9diaires\r\n    else {\r\n\r\n        precedent.style.display = \"inline-block\";\r\n        suivant.style.display = \"inline-block\";\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/\/ Bouton suivant\r\ndocument.getElementById(\"suivant\").addEventListener(\"click\", function(){\r\n\r\n    if(page < totalPages){\r\n\r\n        page++;\r\n        chargerArticles();\r\n\r\n    }\r\n\r\n});\r\n\r\n\r\n\r\n\/\/ Bouton pr\u00e9c\u00e9dent\r\ndocument.getElementById(\"precedent\").addEventListener(\"click\", function(){\r\n\r\n    if(page > 1){\r\n\r\n        page--;\r\n        chargerArticles();\r\n\r\n    }\r\n\r\n});\r\n\r\n\r\n\r\nchargerArticles();\r\n\r\n<\/script>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* TITRE ACTUALITES *\/\r\n\r\n.neutron-title{\r\n\r\n    display:inline-block !important;\r\n    font-size:34px !important;\r\n    font-weight:800 !important;\r\n    color:#0d5cab !important;\r\n    background:#ffffff !important;\r\n    padding:10px 18px !important;\r\n    margin:0 0 40px 0 !important;\r\n    border-left:6px solid #0d5cab !important;\r\n    line-height:1.3 !important;\r\n\r\n}\r\n\r\n\r\n\/* CONTENEUR ARTICLES *\/\r\n\r\n.ione-blog {\r\n\r\n    max-width:900px;\r\n    margin:0 auto;\r\n    background:#ffffff;\r\n    padding:45px;\r\n    border-radius:20px;\r\n    box-shadow:0 10px 35px rgba(0,0,0,0.08);\r\n\r\n}\r\n\r\n\r\n\/* ARTICLE *\/\r\n\r\n.ione-post {\r\n\r\n    padding:35px 0;\r\n    border-bottom:1px solid #eeeeee;\r\n\r\n}\r\n\r\n\r\n.ione-post:last-child {\r\n\r\n    border-bottom:none;\r\n\r\n}\r\n\r\n\r\n\/* DATE *\/\r\n\r\n.ione-meta {\r\n\r\n    display:block;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    color:#999;\r\n    margin-bottom:15px;\r\n\r\n}\r\n\r\n\r\n\/* TITRE ARTICLE *\/\r\n\r\n.ione-content h2 {\r\n\r\n    margin:0 0 18px;\r\n    font-size:32px;\r\n    line-height:1.25;\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n.ione-content h2 a {\r\n\r\n    color:#111;\r\n    text-decoration:none;\r\n\r\n}\r\n\r\n\r\n\/* TEXTE *\/\r\n\r\n.ione-content p {\r\n\r\n    color:#666;\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    margin-bottom:25px;\r\n\r\n}\r\n\r\n\r\n\/* BOUTON ARTICLE *\/\r\n\r\n.ione-button {\r\n\r\n    color:#111;\r\n    font-size:13px;\r\n    font-weight:600;\r\n    text-transform:uppercase;\r\n    letter-spacing:1px;\r\n    text-decoration:none;\r\n    border-bottom:2px solid #111;\r\n    padding-bottom:5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* PAGINATION *\/\r\n\r\n.ione-pagination {\r\n\r\n    text-align:center;\r\n    margin:50px 0;\r\n\r\n}\r\n\r\n\r\n.ione-pagination button {\r\n\r\n    background:#111;\r\n    color:#fff;\r\n    border:none;\r\n    border-radius:50px;\r\n    padding:16px 45px;\r\n    margin:0 8px;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    text-transform:uppercase;\r\n    cursor:pointer;\r\n    transition:.3s;\r\n\r\n}\r\n\r\n\r\n.ione-pagination button:hover {\r\n\r\n    background:#333;\r\n    transform:translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .ione-blog{\r\n\r\n        margin:20px;\r\n        padding:25px;\r\n\r\n    }\r\n\r\n\r\n    .ione-content h2{\r\n\r\n        font-size:24px;\r\n\r\n    }\r\n\r\n\r\n    .ione-pagination button{\r\n\r\n        width:100%;\r\n        margin:5px 0;\r\n\r\n    }\r\n\r\n}\r\n.neutron-container{\r\n\r\n    max-width:900px;\r\n    margin:60px auto;\r\n    background:#ffffff;\r\n    padding:45px;\r\n    border-radius:20px;\r\n    box-shadow:0 10px 35px rgba(0,0,0,0.08);\r\n\r\n}\r\n\r\n\r\n\/* TITRE ACTUALITES *\/\r\n\r\n.neutron-title{\r\n\r\n    display:inline-block !important;\r\n    font-size:34px !important;\r\n    font-weight:800 !important;\r\n    color:#0d5cab !important;\r\n    background:#ffffff !important;\r\n    padding:10px 18px !important;\r\n    margin:0 0 40px 0 !important;\r\n    border-left:6px solid #0d5cab !important;\r\n    line-height:1.3 !important;\r\n\r\n}\r\n\r\n\r\n\/* LISTE ARTICLES *\/\r\n\r\n.ione-blog {\r\n\r\n    background:transparent;\r\n    padding:0;\r\n    margin:0;\r\n\r\n}\r\n.ione-post {\r\n    padding:35px;\r\n    margin-bottom:30px; \/* espace entre les articles *\/\r\n    border:1px solid #eeeeee;\r\n    border-radius:12px;\r\n    background:#fff;\r\n}\r\n\r\n.ione-post:last-child {\r\n    margin-bottom:0;\r\n}\r\n \r\n .ione-post {\r\n    padding:35px;\r\n    margin-bottom:30px;\r\n    border:1px solid #e5e5e5;\r\n    border-radius:12px;\r\n    transition:0.3s;\r\n}\r\n\r\n\/* Articles impairs : blanc *\/\r\n.ione-post:nth-child(odd) {\r\n    background:#ffffff;\r\n}\r\n\r\n\/* Articles pairs : gris clair *\/\r\n.ione-post:nth-child(even) {\r\n    background:#f5f5f5;\r\n}\r\n\r\n.ione-post:last-child {\r\n    margin-bottom:0;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Actualit\u00e9s Chargement&#8230; \u2190 Pr\u00e9c\u00e9dent Suivant \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3636","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/3636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/comments?post=3636"}],"version-history":[{"count":41,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/3636\/revisions"}],"predecessor-version":[{"id":4019,"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/pages\/3636\/revisions\/4019"}],"wp:attachment":[{"href":"https:\/\/www.icone-neutron.fr\/fr\/wp-json\/wp\/v2\/media?parent=3636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}