{"id":12575,"date":"2025-02-17T17:19:36","date_gmt":"2025-02-17T17:19:36","guid":{"rendered":"https:\/\/www.sos.hdeuxcode.com\/actualites\/"},"modified":"2025-10-27T08:07:05","modified_gmt":"2025-10-27T08:07:05","slug":"actualites","status":"publish","type":"page","link":"https:\/\/pre.sosve.tn\/fr\/actualites\/","title":{"rendered":"Actualites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12575\" class=\"elementor elementor-12575 elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c15dc1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"1c15dc1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b6c81c9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"b6c81c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2920a60 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2920a60\" data-element_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\">Actualit\u00e9s<\/h1>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3babb6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b3babb6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0bf9ba elementor-widget elementor-widget-heading\" data-id=\"c0bf9ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Article r\u00e9cent<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf7d4d elementor-widget elementor-widget-shortcode\" data-id=\"1cf7d4d\" data-element_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            <!-- Structure HTML propre -->\n            <div class=\"dernier-article-container\">\n                <div class=\"article-image-wrapper\">\n                    <div class=\"diamond-image-frame\">\n                        <img decoding=\"async\" src=\"\" alt=\"Nouveau Cahier SOS :\" class=\"diamond-image\">\n                    <\/div>\n                <\/div>\n                <div class=\"article-text-content\">\n                    <div class=\"article-date\">15 septembre 2025<\/div>\n                    <div class=\"article-title\">Nouveau Cahier SOS :<\/div>\n                    <div class=\"article-excerpt\"><\/div>\n                    <a href=\"https:\/\/pre.sosve.tn\/fr\/nouveau-cahier-sos-mieux-accompagner-les-jeunes\/\" class=\"article-button\">\n                    LIRE PLUS                    <\/a>\n                <\/div>\n\n\n            <\/div>\n\n            <!-- Styles CSS s\u00e9par\u00e9s -->\n            <style>\n            .dernier-article-container {\n                display: flex;\n                border-radius: 0 0 0 120px;\n                overflow: hidden;\n                box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n\t\t\t\tmax-height: 300px;\n            }\n            \n            .article-text-content {\n                flex: 1;\n                min-width: 300px;\n                background: #00A3E0;\n                color: white;\n                padding: 40px;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                \n            }\n            \n            .article-date {\n                font-size: 14px;\n                opacity: 0.9;\n                margin-bottom: 10px;\n            }\n            \n            .article-title {\n                font-size: 22px;\n                font-weight: bold;\n                line-height: 1.6;\n            }\n            \n            .article-excerpt {\n                font-size: 18px;\n                line-height: 1.8;\n                margin: 15px 0 25px;\n            }\n            \n            .article-button {\n                align-self: flex-start;\n                padding: 10px 20px;\n                border: 2px solid white;\n                border-radius: 6px;\n                color: white;\n                text-decoration: none;\n                font-weight: bold;\n                transition: 0.3s;\n                background: transparent;\n            }\n            \n            .article-button:hover {\n                background: rgba(255,255,255,0.2);\n            }\n            \n            .article-image-wrapper {\n                background: #f4f4f4;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                \n            }\n            \n            .diamond-image-frame {\n                width:515px;\n                box-shadow: 0 2px 10px rgba(0,0,0,0.15);\n            }\n            \n            .diamond-image {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                transform: scale(1.1);\n            }\n            \n            \/* Responsive pour petits \u00e9crans *\/\n            @media (max-width: 768px) {\n                .dernier-article-container {\n                    flex-direction: column;\n                    border-radius: 0 0 60px 60px;\n                }\n                \n                .article-text-content,\n                .article-image-wrapper {\n                    min-width: 100%;\n                }\n            }\n            <\/style>\n\n            <\/div>\n\t\t\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-fca80b2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fca80b2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f7845a elementor-widget elementor-widget-heading\" data-id=\"5f7845a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Notre actualit\u00e9 dans le monde<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e51a688 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e51a688\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3c27e elementor-widget elementor-widget-shortcode\" data-id=\"4a3c27e\" data-element_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\">    <style>\n        .custom-posts-carousel-monde {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 1300px;\n            margin: 0 auto;\n        }\n\n        .custom-posts-carousel-monde .carousel-track {\n            transform: translateX(0px);\n            display: flex;\n            transition: transform 0.5s ease;\n        }\n\n        .custom-posts-carousel-monde .post-containt {\n            flex: 0 0 33.3333%;\n            padding: 10px;\n            box-sizing: border-box;\n\t\t\tjustify-items: center;\n\t\t\tjustify-self: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n        }\n\n        @media (max-width: 1024px) {\n            .custom-posts-carousel-monde .post-containt {\n                flex: 0 0 50%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .custom-posts-carousel-monde .post-containt {\n                flex: 0 0 100%;\n            }\n        }\n\n        .custom-posts-carousel-monde .post-card {\n            width: 100%;\n            height: 355px;\n            border-radius: 70px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            display: flex;\n            align-items: flex-end;\n            color: white;\n            overflow: hidden;\n        }\n\n        .custom-posts-carousel-monde .post-content {\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));\n            padding: 33px;\n            width: 100%;\n            border-radius: 20px;\n            height: 100%;\n            display: flex;\n            justify-content: end;\n            flex-direction: column;\n        }\n\n        .custom-posts-carousel-monde .post-title {\n            font-size: 20px;\n            font-weight: bold;\n            color: #fff;\n            margin: 0;\n        }\n\n        .custom-posts-carousel-monde .read-more {\n            display: flex;\n            margin-top: 10px;\n            padding: 10px 15px;\n            background-color: #00aaff;\n            color: white;\n            border-radius: 10px;\n            font-weight: bold;\n            text-decoration: none;\n            position: absolute;\n            bottom: -5px;\n            width: 113px;\n        }\n\n        .custom-posts-carousel-monde .pagination {\n            margin-top: 20px;\n            text-align: center;\n        }\n\n        .custom-posts-carousel-monde .pagination .page-button,\n        .custom-posts-carousel-monde .pagination .dots {\n            width: 32px;\n            height: 32px;\n            display: inline-block;\n            padding: 2px 10px;\n            margin: 2px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            text-decoration: none;\n            color: #00000087;\n            cursor: pointer;\n        }\n\n        .custom-posts-carousel-monde .pagination .dots {\n            cursor: default;\n            border: none;\n        }\n\n        .custom-posts-carousel-monde .pagination .page-button.current {\n            background-color: white;\n            color: #00aaff;\n            border-color: #00aaff;\n        }\n\n        .custom-posts-carousel-monde .pagination .page-button.disabled {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n    <\/style>\n    <div class=\"custom-posts-carousel-monde\"><div class=\"carousel-track\">            <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">15 Sep, 2025<\/span>\n                        <h3 class=\"post-title\">Nouveau Cahier SOS :<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/nouveau-cahier-sos-mieux-accompagner-les-jeunes\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">14 Sep, 2025<\/span>\n                        <h3 class=\"post-title\">Programme Accueil familial<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/programmeaccueil-familial\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/05\/452118f3dda3a2d21c85f487a0d2fae80aa0b108-2-1.png');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">15 Mai, 2025<\/span>\n                        <h3 class=\"post-title\">Artisanat EXPOSOS Village MAHRES<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/artisanat-exposos-village-mahres\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">13 Mar, 2025<\/span>\n                        <h3 class=\"post-title\">Villages de Joie:d\u00e9cembre 2024<\/h3>\n                        <div class=\"article-excerpt\">SOS Villages d\u2019Enfants en Tunisie est convaincue que le meilleur endroit o\u00f9 un enfant peut grandir est aupr\u00e8s de ses...<\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/villages-de-joiedecembre-2024\/\">LIRE PLUS<\/a>\n            <\/div>\n            <\/div><div class=\"pagination\"><\/div><\/div>    <script>\n    jQuery(document).ready(function($) {\n        var $carousel = $('.custom-posts-carousel-monde');\n        var $track = $carousel.find('.carousel-track');\n        var currentIndex = 0;\n        var totalSlides = 0;\n\n        function getItemsPerSlide() {\n            var width = $(window).width();\n            if (width <= 768) return 1;\n            if (width <= 1024) return 2;\n            return 3;\n        }\n\n        function buildPagination() {\n            var $items = $track.children('.post-containt');\n            var itemsPerSlide = getItemsPerSlide();\n            totalSlides = Math.ceil($items.length \/ itemsPerSlide);\n            var $pagination = $carousel.find('.pagination');\n            $pagination.empty();\n\n            $pagination.append('<span class=\"page-button prev-arrow\"><<\/span>');\n            var range = 1;\n            var dotsAdded = false;\n\n            for (let i = 0; i < totalSlides; i++) {\n                if (i === 0 || i === totalSlides - 1 || (i >= currentIndex - range && i <= currentIndex + range)) {\n                    $pagination.append('<span class=\"page-button page-num\" data-index=\"' + i + '\">' + (i + 1) + '<\/span>');\n                    dotsAdded = false;\n                } else {\n                    if (!dotsAdded) {\n                        $pagination.append('<span class=\"dots\">\u2026<\/span>');\n                        dotsAdded = true;\n                    }\n                }\n            }\n\n            $pagination.append('<span class=\"page-button next-arrow\">><\/span>');\n\n            attachPaginationEvents($pagination);\n        }\n\n        function attachPaginationEvents($pagination) {\n            $pagination.find('.page-num').on('click', function () {\n                currentIndex = $(this).data('index');\n                updateCarousel();\n            });\n\n            $pagination.find('.prev-arrow').on('click', function () {\n                if (currentIndex > 0) {\n                    currentIndex--;\n                    updateCarousel();\n                }\n            });\n\n            $pagination.find('.next-arrow').on('click', function () {\n                if (currentIndex < totalSlides - 1) {\n                    currentIndex++;\n                    updateCarousel();\n                }\n            });\n        }\n\n        function updateCarousel() {\n            var itemsPerSlide = getItemsPerSlide();\n            var slideWidth = $carousel.width();\n            var offset = currentIndex * slideWidth;\n            $track.css('transform', 'translateX(-' + offset + 'px)');\n            buildPagination();\n            updatePaginationUI($carousel.find('.pagination'));\n        }\n\n        function updatePaginationUI($pagination) {\n            $pagination.find('.page-button').removeClass('current');\n            $pagination.find('.page-button.page-num').eq(currentIndex).addClass('current');\n        }\n\n        var startX;\n        $carousel.on('touchstart', function(e) {\n            startX = e.originalEvent.touches[0].clientX;\n        });\n\n        $carousel.on('touchend', function(e) {\n            var endX = e.originalEvent.changedTouches[0].clientX;\n            var diff = startX - endX;\n            if (Math.abs(diff) > 50) {\n                if (diff > 0 || currentIndex < totalSlides - 1) {\n                    currentIndex++;\n                    updateCarousel();\n                } else if (diff < 0 || currentIndex > 0) {\n                    currentIndex--;\n                    updateCarousel();\n                }\n            }\n        });\n\n        buildPagination();\n        $(window).on('resize', buildPagination);\n    });\n    <\/script>\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>\n\t\t<div class=\"elementor-element elementor-element-4504564 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"4504564\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52ae107 elementor-widget elementor-widget-heading\" data-id=\"52ae107\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Notre actualit\u00e9 en Tunisie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3ee03c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"f3ee03c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a29af00 elementor-widget elementor-widget-shortcode\" data-id=\"a29af00\" data-element_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\">    <style>\n        .custom-posts-carousel-tunisie {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            max-width: 1300px;\n            margin: 0 auto;\n        }\n\n        .custom-posts-carousel-tunisie .carousel-track {\n            transform: translateX(0px);\n            display: flex;\n            transition: transform 0.5s ease;\n        }\n\n        .custom-posts-carousel-tunisie .post-containt {\n            flex: 0 0 33.3333%;\n            padding: 10px;\n            box-sizing: border-box;\n\t\t\tjustify-items: center;\n\t\t\tjustify-self: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n        }\n\n        @media (max-width: 1024px) {\n            .custom-posts-carousel-tunisie .post-containt {\n                flex: 0 0 50%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .custom-posts-carousel-tunisie .post-containt {\n                flex: 0 0 100%;\n            }\n        }\n\n        .custom-posts-carousel-tunisie .post-card {\n            width: 100%;\n            height: 355px;\n            border-radius: 70px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            display: flex;\n            align-items: flex-end;\n            color: white;\n            overflow: hidden;\n        }\n\n        .custom-posts-carousel-tunisie .post-content {\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));\n            padding: 33px;\n            width: 100%;\n            border-radius: 20px;\n            height: 100%;\n            display: flex;\n            justify-content: end;\n            flex-direction: column;\n        }\n\n        .custom-posts-carousel-tunisie .post-title {\n            font-size: 20px;\n            font-weight: bold;\n            color: #fff;\n            margin: 0;\n        }\n\n        .custom-posts-carousel-tunisie .read-more {\n            display: flex;\n            margin-top: 10px;\n            padding: 10px 15px;\n            background-color: #00aaff;\n            color: white;\n            border-radius: 10px;\n            font-weight: bold;\n            text-decoration: none;\n            position: absolute;\n            bottom: -5px;\n            width: 113px;\n        }\n\n        .custom-posts-carousel-tunisie .pagination {\n            margin-top: 20px;\n            text-align: center;\n        }\n\n        .custom-posts-carousel-tunisie .pagination .page-button,\n        .custom-posts-carousel-tunisie .pagination .dots {\n            width: 32px;\n            height: 32px;\n            display: inline-block;\n            padding: 2px 10px;\n            margin: 2px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            text-decoration: none;\n            color: #00000087;\n            cursor: pointer;\n        }\n\n        .custom-posts-carousel-tunisie .pagination .dots {\n            cursor: default;\n            border: none;\n        }\n\n        .custom-posts-carousel-tunisie .pagination .page-button.current {\n            background-color: white;\n            color: #00aaff;\n            border-color: #00aaff;\n        }\n\n        .custom-posts-carousel-tunisie .pagination .page-button.disabled {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n    <\/style>\n    <div class=\"custom-posts-carousel-tunisie\"><div class=\"carousel-track\">            <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">15 Sep, 2025<\/span>\n                        <h3 class=\"post-title\">Nouveau Cahier SOS :<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/nouveau-cahier-sos-mieux-accompagner-les-jeunes\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">14 Sep, 2025<\/span>\n                        <h3 class=\"post-title\">Programme Accueil familial<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/programmeaccueil-familial\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/05\/452118f3dda3a2d21c85f487a0d2fae80aa0b108-2-1.png');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">15 Mai, 2025<\/span>\n                        <h3 class=\"post-title\">Artisanat EXPOSOS Village MAHRES<\/h3>\n                        <div class=\"article-excerpt\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/artisanat-exposos-village-mahres\/\">LIRE PLUS<\/a>\n            <\/div>\n                        <div class=\"post-containt\">\n                <div class=\"post-card\" style=\"background-image: url('');\">\n                    <div class=\"post-content\">\n                        <span class=\"post-date\">13 Mar, 2025<\/span>\n                        <h3 class=\"post-title\">Villages de Joie:d\u00e9cembre 2024<\/h3>\n                        <div class=\"article-excerpt\">SOS Villages d\u2019Enfants en Tunisie est convaincue que le meilleur endroit o\u00f9 un enfant peut grandir est aupr\u00e8s de ses...<\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"read-more\" href=\"https:\/\/pre.sosve.tn\/fr\/villages-de-joiedecembre-2024\/\">LIRE PLUS<\/a>\n            <\/div>\n            <\/div><div class=\"pagination\"><\/div><\/div>    <script>\n    jQuery(document).ready(function($) {\n        var $carousel = $('.custom-posts-carousel-tunisie');\n        var $track = $carousel.find('.carousel-track');\n        var currentIndex = 0;\n        var totalSlides = 0;\n\n        function getItemsPerSlide() {\n            var width = $(window).width();\n            if (width <= 768) return 1;\n            if (width <= 1024) return 2;\n            return 3;\n        }\n\n        function buildPagination() {\n            var $items = $track.children('.post-containt');\n            var itemsPerSlide = getItemsPerSlide();\n            totalSlides = Math.ceil($items.length \/ itemsPerSlide);\n            var $pagination = $carousel.find('.pagination');\n            $pagination.empty();\n\n            $pagination.append('<span class=\"page-button prev-arrow\"><<\/span>');\n            var range = 1;\n            var dotsAdded = false;\n\n            for (let i = 0; i < totalSlides; i++) {\n                if (i === 0 || i === totalSlides - 1 || (i >= currentIndex - range && i <= currentIndex + range)) {\n                    $pagination.append('<span class=\"page-button page-num\" data-index=\"' + i + '\">' + (i + 1) + '<\/span>');\n                    dotsAdded = false;\n                } else {\n                    if (!dotsAdded) {\n                        $pagination.append('<span class=\"dots\">\u2026<\/span>');\n                        dotsAdded = true;\n                    }\n                }\n            }\n\n            $pagination.append('<span class=\"page-button next-arrow\">><\/span>');\n\n            attachPaginationEvents($pagination);\n        }\n\n        function attachPaginationEvents($pagination) {\n            $pagination.find('.page-num').on('click', function () {\n                currentIndex = $(this).data('index');\n                updateCarousel();\n            });\n\n            $pagination.find('.prev-arrow').on('click', function () {\n                if (currentIndex > 0) {\n                    currentIndex--;\n                    updateCarousel();\n                }\n            });\n\n            $pagination.find('.next-arrow').on('click', function () {\n                if (currentIndex < totalSlides - 1) {\n                    currentIndex++;\n                    updateCarousel();\n                }\n            });\n        }\n\n        function updateCarousel() {\n            var itemsPerSlide = getItemsPerSlide();\n            var slideWidth = $carousel.width();\n            var offset = currentIndex * slideWidth;\n            $track.css('transform', 'translateX(-' + offset + 'px)');\n            buildPagination();\n            updatePaginationUI($carousel.find('.pagination'));\n        }\n\n        function updatePaginationUI($pagination) {\n            $pagination.find('.page-button').removeClass('current');\n            $pagination.find('.page-button.page-num').eq(currentIndex).addClass('current');\n        }\n\n        var startX;\n        $carousel.on('touchstart', function(e) {\n            startX = e.originalEvent.touches[0].clientX;\n        });\n\n        $carousel.on('touchend', function(e) {\n            var endX = e.originalEvent.changedTouches[0].clientX;\n            var diff = startX - endX;\n            if (Math.abs(diff) > 50) {\n                if (diff > 0 || currentIndex < totalSlides - 1) {\n                    currentIndex++;\n                    updateCarousel();\n                } else if (diff < 0 || currentIndex > 0) {\n                    currentIndex--;\n                    updateCarousel();\n                }\n            }\n        });\n\n        buildPagination();\n        $(window).on('resize', buildPagination);\n    });\n    <\/script>\n    <\/div>\n\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Actualit\u00e9s Article r\u00e9cent Notre actualit\u00e9 dans le monde Notre actualit\u00e9 en Tunisie<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12575","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/12575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/comments?post=12575"}],"version-history":[{"count":2,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/12575\/revisions"}],"predecessor-version":[{"id":12783,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/12575\/revisions\/12783"}],"wp:attachment":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/media?parent=12575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}