{"id":139,"date":"2026-03-11T10:44:16","date_gmt":"2026-03-11T09:44:16","guid":{"rendered":"http:\/\/localhost\/arcencielfilms\/?page_id=139"},"modified":"2026-03-11T11:54:31","modified_gmt":"2026-03-11T10:54:31","slug":"actualites","status":"publish","type":"page","link":"https:\/\/arcencielfilms.net\/en\/actualites\/","title":{"rendered":"Actuality"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5b4cf e-con-full e-flex e-con e-parent\" data-id=\"9e5b4cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-586a52b elementor-widget elementor-widget-digital360x_archive_actualites\" data-id=\"586a52b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"digital360x_archive_actualites.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"archive-actualites digital360x-archive-actualites-widget\" id=\"archive-586a52b\">\n            <div class=\"container\">\n                \n                <div class=\"archive-header\">\n                    <div class=\"archive-header-top\">\n                        <h1 class=\"archive-title\">Toutes nos Actualit\u00e9s<\/h1>\n                        \n                                                <div class=\"layout-switcher\">\n                            <button class=\"view-btn active\" data-view=\"grid\" title=\"Grille\">\n                                <i class=\"eicon-gallery-grid\" aria-hidden=\"true\"><\/i>\n                            <\/button>\n                            <button class=\"view-btn \" data-view=\"list\" title=\"Liste\">\n                                <i class=\"eicon-menu-bar\" aria-hidden=\"true\"><\/i>\n                            <\/button>\n                        <\/div>\n                                            <\/div>\n                    \n                    <!-- MENU DES FILTRES (Server-side links) -->\n                                        <div class=\"archive-filters\">\n                        <a href=\"\/en\/wp-json\/wp\/v2\/pages\/139\" class=\"filter-btn active\">Tous<\/a>\n                                                    <a href=\"\/en\/wp-json\/wp\/v2\/pages\/139?actu_filter=film\" \n                               class=\"filter-btn \">\n                                Film                            <\/a>\n                                                    <a href=\"\/en\/wp-json\/wp\/v2\/pages\/139?actu_filter=portrait\" \n                               class=\"filter-btn \">\n                                Portrait                            <\/a>\n                                                    <a href=\"\/en\/wp-json\/wp\/v2\/pages\/139?actu_filter=prochain-film\" \n                               class=\"filter-btn \">\n                                Prochain film                            <\/a>\n                                            <\/div>\n                                    <\/div>\n\n                <!-- GRILLE DES ARTICLES -->\n                                <div class=\"archive-grid actu-grid actu-layout-grid actu-grid--cols-3\">\n                                            <article class=\"actu-card archive-item scroll-reveal\" data-delay=\"0\">\n                            \n                                                            <div class=\"actu-img\" style=\"background-image: url(https:\/\/arcencielfilms.net\/wp-content\/uploads\/2026\/03\/329A5651.jpg)\"><\/div>\n                            \n                            <div class=\"actu-body\">\n                                                                    <span class=\"actu-tag\">Prochain film<\/span>\n                                                                <h3 class=\"actu-title\">\n                                    <a href=\"https:\/\/arcencielfilms.net\/en\/ouabania-le-prochain-documentaire-du-cineaste-fousseyni-maiga\/\">OUABANIA, le prochain documentaire du cin\u00e9aste Fousseyni MAIGA<\/a>\n                                <\/h3>\n                                <p class=\"actu-excerpt\">\n                                    \u00c0 75 ans, OUABANIA, citoyen de l\u2019Alliance des \u00c9tats du Sahel (AES), d\u00e9cide d\u2019entreprendre le dernier grand voyage\u2026                                <\/p>\n                                <a href=\"https:\/\/arcencielfilms.net\/en\/ouabania-le-prochain-documentaire-du-cineaste-fousseyni-maiga\/\" class=\"actu-link\">\n                                    Lire la suite <span>&rarr;<\/span>\n                                <\/a>\n                            <\/div>\n\n                        <\/article>\n                                            <article class=\"actu-card archive-item scroll-reveal\" data-delay=\"0.1\">\n                            \n                                                            <div class=\"actu-img\" style=\"background-image: url(https:\/\/arcencielfilms.net\/wp-content\/uploads\/2026\/03\/009A8749.jpg)\"><\/div>\n                            \n                            <div class=\"actu-body\">\n                                                                    <span class=\"actu-tag\">Film<\/span>\n                                                                <h3 class=\"actu-title\">\n                                    <a href=\"https:\/\/arcencielfilms.net\/en\/timbuktu-une-encyclopedie-cinematographique\/\">\u00ab\u00a0TIMBUKTU\u00a0\u00bb, une encyclop\u00e9die cin\u00e9matographique\u00a0!<\/a>\n                                <\/h3>\n                                <p class=\"actu-excerpt\">\n                                    \u00ab&nbsp;On a beaucoup regard\u00e9 Tombouctou de loin. On l\u2019a racont\u00e9e comme une l\u00e9gende, une biblioth\u00e8que du d\u00e9sert, un\u2026                                <\/p>\n                                <a href=\"https:\/\/arcencielfilms.net\/en\/timbuktu-une-encyclopedie-cinematographique\/\" class=\"actu-link\">\n                                    Lire la suite <span>&rarr;<\/span>\n                                <\/a>\n                            <\/div>\n\n                        <\/article>\n                                            <article class=\"actu-card archive-item scroll-reveal\" data-delay=\"0.2\">\n                            \n                                                            <div class=\"actu-img\" style=\"background-image: url(https:\/\/arcencielfilms.net\/wp-content\/uploads\/2026\/03\/009A6435-1-768x1023.jpg)\"><\/div>\n                            \n                            <div class=\"actu-body\">\n                                                                    <span class=\"actu-tag\">Portrait<\/span>\n                                                                <h3 class=\"actu-title\">\n                                    <a href=\"https:\/\/arcencielfilms.net\/en\/prochain_film\/\">Fousseyni MAIGA, le porte-\u00e9tendard du cin\u00e9ma malien<\/a>\n                                <\/h3>\n                                <p class=\"actu-excerpt\">\n                                    Fousseyni MAIGA est le cin\u00e9aste malien le plus actif au cours des six derni\u00e8res ann\u00e9es, avec une vingtaine\u2026                                <\/p>\n                                <a href=\"https:\/\/arcencielfilms.net\/en\/prochain_film\/\" class=\"actu-link\">\n                                    Lire la suite <span>&rarr;<\/span>\n                                <\/a>\n                            <\/div>\n\n                        <\/article>\n                                    <\/div>\n\n                <!-- PAGINATION NATIVE -->\n                <div class=\"archive-pagination text-center\">\n                                    <\/div>\n                \n                \n                \n            <\/div>\n        <\/section>\n\n        <style>\n            .archive-header-top {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                margin-bottom: 30px;\n                flex-wrap: wrap;\n                gap: 20px;\n            }\n            .layout-switcher {\n                display: flex;\n                background: rgba(255,255,255,0.05);\n                padding: 4px;\n                border-radius: 8px;\n                gap: 4px;\n            }\n            .layout-switcher .view-btn {\n                background: rgba(255,255,255,0.1);\n                border: none;\n                color: rgba(255,255,255,0.7);\n                width: 42px;\n                height: 42px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: pointer;\n                border-radius: 8px;\n                transition: var(--transition);\n                font-size: 1.4rem;\n            }\n            .layout-switcher .view-btn:hover {\n                color: #fff;\n                background: rgba(255,255,255,0.2);\n            }\n            .layout-switcher .view-btn.active {\n                background: var(--orange);\n                color: #fff !important;\n            }\n            .layout-switcher .view-btn i {\n                color: inherit;\n            }\n\n            \/* Pagination Styles *\/\n            .archive-pagination {\n                margin-top: 60px;\n                display: flex;\n                justify-content: center;\n                gap: 10px;\n            }\n            .archive-pagination .page-numbers {\n                display: inline-block;\n                padding: 10px 18px;\n                border: 1px solid rgba(255,255,255,0.1);\n                border-radius: 8px;\n                color: var(--blanc);\n                text-decoration: none;\n                transition: var(--transition);\n                font-weight: 600;\n            }\n            .archive-pagination .page-numbers:hover,\n            .archive-pagination .page-numbers.current {\n                background: var(--orange);\n                border-color: var(--orange);\n                color: #fff;\n            }\n            .archive-pagination .page-numbers.prev,\n            .archive-pagination .page-numbers.next {\n                border-color: rgba(245, 166, 35, 0.3);\n            }\n\n            \/* Colonnes Dynamiques Grille (For\u00e7age de sp\u00e9cificit\u00e9) *\/\n            .archive-grid.actu-grid--cols-2 { grid-template-columns: repeat(2, 1fr) !important; }\n            .archive-grid.actu-grid--cols-3 { grid-template-columns: repeat(3, 1fr) !important; }\n            .archive-grid.actu-grid--cols-4 { grid-template-columns: repeat(4, 1fr) !important; }\n\n            \/* Mode Liste (For\u00e7age) *\/\n            .archive-grid.actu-layout-list {\n                grid-template-columns: 1fr !important;\n                max-width: 900px;\n                margin: 0 auto;\n            }\n\n            @media (max-width: 1024px) {\n                .archive-grid.actu-grid--cols-3, \n                .archive-grid.actu-grid--cols-4 { grid-template-columns: repeat(2, 1fr) !important; }\n            }\n            @media (max-width: 768px) {\n                .archive-grid.actu-grid--cols-2, \n                .archive-grid.actu-grid--cols-3, \n                .archive-grid.actu-grid--cols-4 { grid-template-columns: 1fr !important; }\n                .archive-header-top { justify-content: center; text-align: center; }\n            }\n        <\/style>\n\n        <script>\n            (function($){\n                const initArchive = function() {\n                    const $archive = $('#archive-586a52b');\n                    if (!$archive.length) return;\n\n                    const $grid = $archive.find('.archive-grid');\n                    const $btns = $archive.find('.view-btn');\n                    const gridColsClass = 'actu-grid--cols-3';\n\n                    \/\/ 1. D\u00e9terminer la vue initiale (LocalStorage > Param\u00e8tre PHP)\n                    let currentView = 'grid';\n                    const savedView = localStorage.getItem('d360x_archive_view');\n                    \n                    if(savedView && true) {\n                        currentView = savedView;\n                    }\n\n                    \/\/ Initialiser sans animation\n                    applyView(currentView, false);\n\n                    $btns.off('click').on('click', function(e) {\n                        e.preventDefault();\n                        const view = $(this).data('view');\n                        applyView(view, true);\n                        localStorage.setItem('d360x_archive_view', view);\n                    });\n\n                    function applyView(view, animate) {\n                        $btns.removeClass('active');\n                        $archive.find('.view-btn[data-view=\"'+view+'\"]').addClass('active');\n                        \n                        \/\/ Nettoyage radical des classes de layout et de colonnes\n                        $grid.removeClass(function (index, className) {\n                            return (className.match(\/(^|\\s)actu-layout-\\S+\/g) || []).join(' ') + \n                                   ' ' + (className.match(\/(^|\\s)actu-grid--cols-\\d+\/g) || []).join(' ');\n                        });\n\n                        \/\/ Appliquer la nouvelle vue\n                        $grid.addClass('actu-layout-' + view);\n\n                        \/\/ Si c'est une grille ou bento, appliquer la classe de colonnes de l'admin\n                        if (view === 'grid' || view === 'bento') {\n                            $grid.addClass(gridColsClass);\n                        }\n\n                        if (animate) {\n                            const $items = $grid.find('.archive-item');\n                            $items.removeClass('revealed');\n                            setTimeout(() => $items.addClass('revealed'), 50);\n                        }\n                    }\n                };\n\n                \/\/ Ex\u00e9cution et Hooks Elementor\n                $(document).ready(initArchive);\n                if (window.elementorFrontend) {\n                    elementorFrontend.hooks.addAction('frontend\/element_ready\/digital360x_archive_actualites.default', initArchive);\n                }\n            })(jQuery);\n        <\/script>\n        \t\t\t\t<\/div>\n\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>Toutes nos Actualit\u00e9s Tous Film Portrait Prochain film Prochain film OUABANIA, le prochain documentaire du cin\u00e9aste Fousseyni MAIGA \u00c0 75 ans, OUABANIA, citoyen de l\u2019Alliance des \u00c9tats du Sahel (AES), d\u00e9cide d\u2019entreprendre le dernier grand voyage\u2026 Lire la suite &rarr; Film \u00ab\u00a0TIMBUKTU\u00a0\u00bb, une encyclop\u00e9die cin\u00e9matographique\u00a0! \u00ab&nbsp;On a beaucoup regard\u00e9 Tombouctou de loin. On l\u2019a racont\u00e9e [&hellip;]<\/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-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":10,"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/pages\/139\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/arcencielfilms.net\/en\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}