{"id":10597,"date":"2026-01-23T01:00:23","date_gmt":"2026-01-23T00:00:23","guid":{"rendered":"https:\/\/www.enscs.edu.dz\/?page_id=10597"},"modified":"2026-02-27T03:39:39","modified_gmt":"2026-02-27T02:39:39","slug":"centre-dappui-a-la-technologie-et-a-linnovation-cati","status":"publish","type":"page","link":"https:\/\/www.enscs.edu.dz\/?page_id=10597","title":{"rendered":"Centre d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10597\" class=\"elementor elementor-10597\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53168fb e-flex e-con-boxed e-con e-parent\" data-id=\"53168fb\" 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-3e4972e elementor-widget elementor-widget-html\" data-id=\"3e4972e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Centre d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI)<\/title>\n\n    <!-- Font Awesome pour les ic\u00f4nes -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\n\n    <style>\n        \/* VARIABLES DE COULEURS - PALETTE CATI *\/\n        :root {\n            --primary-color: #1a202c;\n            --secondary-color: #4a5568;\n            --light-bg: #f8f9fa;\n            --card-bg: #ffffff;\n            --border-color: #e2e8f0;\n            --accent-blue: #2b6cb0;\n            --accent-purple: #6b46c1;\n            --accent-teal: #319795;\n            --accent-indigo: #4c51bf;\n            --text-color: #000000;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html, body {\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        body {\n            font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--primary-color);\n            line-height: 1.8;\n            background: #ffffff;\n            padding-top: 0;\n        }\n\n        \/* ===== FORCER PLEINE LARGEUR ===== *\/\n        .full-width-wrapper {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            padding: 100px 20px 60px 20px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            margin-top: 0 !important;\n        }\n\n        \/* ===== CONTENEUR PRINCIPAL ===== *\/\n        .content-container {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* ===== CONTENU ARTICLE ===== *\/\n        .article-content {\n            background: var(--card-bg);\n            padding: 50px;\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            margin-bottom: 40px;\n        }\n\n        \/* ===== TITRE PRINCIPAL ===== *\/\n        .page-title {\n            font-size: 2.4rem;\n            color: var(--accent-blue);\n            margin-bottom: 50px;\n            font-weight: 700;\n            text-align: center;\n            padding-bottom: 20px;\n            border-bottom: 3px solid var(--border-color);\n            position: relative;\n        }\n\n        .page-title:after {\n            content: '';\n            position: absolute;\n            bottom: -3px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 200px;\n            height: 3px;\n            background-color: var(--accent-blue);\n        }\n\n        \/* ===== INTRODUCTION ===== *\/\n        .intro-section {\n            margin-bottom: 50px;\n        }\n\n        .intro-text {\n            font-size: 1.15rem;\n            line-height: 1.9;\n            color: var(--text-color);\n            text-align: justify;\n        }\n\n        .intro-text p {\n            margin-bottom: 1.5em;\n        }\n\n        \/* ===== SECTIONS ACCORD\u00c9ON ===== *\/\n        .accordion-section {\n            margin-bottom: 25px;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n            border: 1px solid var(--border-color);\n        }\n\n        .accordion-header {\n            background-color: #f8f9fa;\n            padding: 25px 30px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: background-color 0.3s ease;\n        }\n\n        .accordion-header:hover {\n            background-color: #f0f7ff;\n        }\n\n        .accordion-header.active {\n            background-color: #e6f7ff;\n            border-bottom: 2px solid var(--accent-blue);\n        }\n\n        .accordion-title {\n            font-size: 1.4rem;\n            color: var(--accent-blue);\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .accordion-title i {\n            font-size: 1.5rem;\n        }\n\n        .accordion-icon {\n            transition: transform 0.3s ease;\n            font-size: 1.2rem;\n            color: var(--accent-blue);\n        }\n\n        .accordion-header.active .accordion-icon {\n            transform: rotate(180deg);\n        }\n\n        .accordion-content {\n            padding: 0;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.5s ease, padding 0.3s ease;\n            background-color: white;\n        }\n\n        .accordion-content.active {\n            padding: 30px;\n            max-height: 2000px;\n        }\n\n        \/* ===== CONTENU DES SECTIONS ===== *\/\n        .section-content {\n            font-size: 1.05rem;\n            line-height: 1.8;\n            color: var(--text-color);\n        }\n\n        .section-content ul {\n            margin: 20px 0 20px 30px;\n        }\n\n        .section-content li {\n            margin-bottom: 10px;\n            position: relative;\n            padding-left: 10px;\n        }\n\n        .section-content li:before {\n            content: \"\u2022\";\n            position: absolute;\n            left: -15px;\n            color: var(--accent-blue);\n            font-weight: bold;\n            font-size: 1.2rem;\n        }\n\n        \/* ===== MISSIONS GRID ===== *\/\n        .missions-container {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            margin: 40px 0;\n        }\n\n        .mission-card {\n            background: #ffffff;\n            border: 2px solid var(--border-color);\n            border-radius: 10px;\n            padding: 30px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n            position: relative;\n            transition: transform 0.3s ease;\n        }\n\n        .mission-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .mission-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 2px solid var(--border-color);\n        }\n\n        .mission-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n            background-color: #e6fffa;\n            color: var(--accent-teal);\n        }\n\n        .mission-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--accent-blue);\n        }\n\n        .mission-content {\n            font-size: 1.05rem;\n            line-height: 1.6;\n            color: var(--text-color);\n        }\n\n        \/* ===== OBJECTIFS LIST ===== *\/\n        .objectifs-list {\n            background-color: #f8f9fa;\n            border-left: 4px solid var(--accent-purple);\n            padding: 30px;\n            border-radius: 0 8px 8px 0;\n            margin: 30px 0;\n        }\n\n        .objectifs-list h3 {\n            color: var(--accent-purple);\n            margin-bottom: 20px;\n            font-size: 1.5rem;\n            font-weight: 700;\n        }\n\n        \/* ===== SERVICES OFFERTS ===== *\/\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 25px;\n            margin: 30px 0;\n        }\n\n        .service-card {\n            background: #ffffff;\n            border: 2px solid var(--border-color);\n            border-radius: 10px;\n            padding: 25px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n\n        .service-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            margin-bottom: 20px;\n            background-color: #e6fffa;\n            color: var(--accent-teal);\n        }\n\n        .service-title {\n            font-size: 1.3rem;\n            color: var(--accent-blue);\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n\n        .service-text {\n            font-size: 1.05rem;\n            line-height: 1.6;\n            color: var(--text-color);\n        }\n\n        \/* ===== NOTE IMPORTANTE ===== *\/\n        .important-note {\n            background-color: #e6fffa;\n            border: 2px solid #81e6d9;\n            padding: 30px;\n            border-radius: 8px;\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .note-title {\n            font-size: 1.4rem;\n            color: var(--accent-teal);\n            margin-bottom: 15px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .note-text {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: var(--text-color);\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1200px) {\n            .content-container {\n                max-width: 95%;\n            }\n            \n            .article-content {\n                padding: 45px;\n            }\n            \n            .missions-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 992px) {\n            .full-width-wrapper {\n                padding: 90px 15px 50px 15px;\n            }\n            \n            .content-container {\n                padding: 0 15px;\n            }\n            \n            .article-content {\n                padding: 40px 30px;\n            }\n            \n            .page-title {\n                font-size: 2rem;\n                margin-bottom: 40px;\n                padding-bottom: 15px;\n            }\n            \n            .page-title:after {\n                width: 150px;\n            }\n            \n            .accordion-title {\n                font-size: 1.3rem;\n            }\n            \n            .intro-text {\n                font-size: 1.05rem;\n            }\n            \n            .missions-container {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n            \n            .mission-card {\n                padding: 25px;\n            }\n            \n            .mission-title {\n                font-size: 1.3rem;\n            }\n            \n            .mission-content {\n                font-size: 1rem;\n            }\n            \n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .important-note {\n                padding: 25px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .full-width-wrapper {\n                padding: 80px 10px 40px 10px;\n            }\n            \n            .content-container {\n                padding: 0 10px;\n            }\n            \n            .article-content {\n                padding: 35px 25px;\n            }\n            \n            .page-title {\n                font-size: 1.8rem;\n                margin-bottom: 35px;\n            }\n            \n            .accordion-title {\n                font-size: 1.2rem;\n            }\n            \n            .accordion-header {\n                padding: 20px 25px;\n            }\n            \n            .accordion-content.active {\n                padding: 25px;\n            }\n            \n            .intro-text {\n                font-size: 1rem;\n            }\n            \n            .mission-card {\n                padding: 20px;\n            }\n            \n            .mission-header {\n                flex-direction: column;\n                text-align: center;\n                gap: 10px;\n            }\n            \n            .mission-title {\n                font-size: 1.2rem;\n            }\n            \n            .important-note {\n                padding: 20px;\n            }\n            \n            .note-title {\n                font-size: 1.2rem;\n            }\n            \n            .note-text {\n                font-size: 1rem;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .full-width-wrapper {\n                padding: 70px 10px 35px 10px;\n            }\n            \n            .article-content {\n                padding: 30px 20px;\n            }\n            \n            .page-title {\n                font-size: 1.6rem;\n                margin-bottom: 30px;\n                padding-bottom: 12px;\n            }\n            \n            .page-title:after {\n                width: 120px;\n            }\n            \n            .accordion-title {\n                font-size: 1.1rem;\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 10px;\n            }\n            \n            .accordion-header {\n                padding: 18px 20px;\n            }\n            \n            .accordion-content.active {\n                padding: 20px;\n            }\n            \n            .intro-text {\n                font-size: 0.95rem;\n                text-align: left;\n            }\n            \n            .mission-card {\n                padding: 18px;\n            }\n            \n            .mission-title {\n                font-size: 1.1rem;\n            }\n            \n            .mission-content {\n                font-size: 0.95rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Menu WordPress -->\n\n<div class=\"full-width-wrapper\">\n    <div class=\"content-container\">\n\n        <!-- CONTENU ARTICLE -->\n        <div class=\"article-content\">\n            \n            <!-- TITRE PRINCIPAL -->\n            <h1 class=\"page-title\">Centre d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (<strong style=\"color: #005F70;\">CATI<\/strong>)<\/h1>\n\n            <!-- SECTION INTRODUCTION -->\n            <div class=\"intro-section\">\n                <div class=\"intro-text\">\n                    <p>\n                        Le projet de cr\u00e9ation des Centres d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI) s\u2019inscrit dans le cadre d\u2019un accord de coop\u00e9ration entre l\u2019Institut National Alg\u00e9rien de la Propri\u00e9t\u00e9 Industrielle (INAPI) et l\u2019Organisation Mondiale de la Propri\u00e9t\u00e9 Intellectuelle (OMPI). \u00c0 travers cet accord, l\u2019OMPI s\u2019engage \u00e0 fournir une assistance technique, documentaire et mat\u00e9rielle visant \u00e0 renforcer les capacit\u00e9s nationales en mati\u00e8re de propri\u00e9t\u00e9 intellectuelle, d\u2019innovation et de transfert technologique.\n                    <\/p>\n                    <p>\n                        Les CATI ont pour vocation principale de renforcer le rapprochement entre l\u2019\u00c9cole et le secteur socio-\u00e9conomique. Ils favorisent l\u2019\u00e9change d\u2019informations, le d\u00e9veloppement des comp\u00e9tences, la formation sp\u00e9cialis\u00e9e, ainsi que l\u2019accompagnement et le suivi des brevets d\u2019invention issus des travaux des enseignants-chercheurs, des \u00e9tudiants et des personnels de l\u2019\u00c9cole.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION MISSIONS (ACCORD\u00c9ON) -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-bullseye\"><\/i>\n                        Missions\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <p>Le CATI se positionne comme :<\/p>\n                        \n                        <div class=\"missions-container\">\n                            <div class=\"mission-card\">\n                                <div class=\"mission-header\">\n                                    <div class=\"mission-icon\">\n                                        <i class=\"fas fa-book\"><\/i>\n                                    <\/div>\n                                    <h3 class=\"mission-title\">Une biblioth\u00e8que num\u00e9rique et \u00e9lectronique sp\u00e9cialis\u00e9e.<\/h3>\n                                <\/div>\n                                <div class=\"mission-content\">\n                                    Centre de ressources documentaires techniques et scientifiques.\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"mission-card\">\n                                <div class=\"mission-header\">\n                                    <div class=\"mission-icon\">\n                                        <i class=\"fas fa-graduation-cap\"><\/i>\n                                    <\/div>\n                                    <h3 class=\"mission-title\">Un centre de formation et de renforcement des capacit\u00e9s.<\/h3>\n                                <\/div>\n                                <div class=\"mission-content\">\n                                    D\u00e9veloppement des comp\u00e9tences en propri\u00e9t\u00e9 intellectuelle et innovation.\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"mission-card\">\n                                <div class=\"mission-header\">\n                                    <div class=\"mission-icon\">\n                                        <i class=\"fas fa-lightbulb\"><\/i>\n                                    <\/div>\n                                    <h3 class=\"mission-title\">Un centre d\u2019appui \u00e0 l\u2019innovation et aux affaires.<\/h3>\n                                <\/div>\n                                <div class=\"mission-content\">\n                                    Accompagnement des projets innovants et transfert technologique.\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <p style=\"margin-top: 30px;\">\u00c0 ce titre, il permet notamment :<\/p>\n                        <ul>\n                            <li>D\u2019am\u00e9liorer les comp\u00e9tences nationales dans l\u2019exploitation en ligne des bases de donn\u00e9es sur les brevets, les revues scientifiques et techniques, ainsi que les ressources documentaires mises \u00e0 disposition par l\u2019OMPI et ses partenaires.<\/li>\n                            <li>De promouvoir une politique de comp\u00e9titivit\u00e9 et d\u2019innovation au sein des entreprises, en particulier dans le secteur industriel et au profit des PME\/PMI.<\/li>\n                            <li>De stimuler l\u2019innovation, la recherche appliqu\u00e9e et le transfert technologique \u00e0 travers la mise en r\u00e9seau des acteurs, contribuant ainsi \u00e0 l\u2019\u00e9mergence et au d\u00e9veloppement d\u2019un march\u00e9 des connaissances.<\/li>\n                            <li>D\u2019accompagner les porteurs de projets innovants dans la protection, la valorisation et la commercialisation de leurs r\u00e9sultats de recherche.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION OBJECTIFS (ACCORD\u00c9ON) -->\n            <div class=\"accordion-section\">\n                <div class=\"accordion-header\">\n                    <div class=\"accordion-title\">\n                        <i class=\"fas fa-flag-checkered\"><\/i>\n                        Objectifs\n                    <\/div>\n                    <div class=\"accordion-icon\">\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"section-content\">\n                        <div class=\"objectifs-list\">\n                            <h3>Le CATI vise principalement \u00e0 :<\/h3>\n                            <ul>\n                                <li>Faciliter l\u2019acc\u00e8s et l\u2019exploitation des bases de donn\u00e9es techniques, juridiques et commerciales pr\u00e9vues dans le cadre du projet CATI en Alg\u00e9rie.<\/li>\n                                <li>Soutenir les activit\u00e9s de formation, de sensibilisation et d\u2019accompagnement li\u00e9es \u00e0 la propri\u00e9t\u00e9 intellectuelle et au transfert de technologie.<\/li>\n                                <li>Encourager la valorisation des r\u00e9sultats de la recherche scientifique et technique.<\/li>\n                                <li>Rappeler et corriger le constat selon lequel de nombreuses recherches et innovations restent inexploit\u00e9es, faute de coordination et de synergie entre les \u00e9tablissements de formation et de recherche et le secteur socio-\u00e9conomique.<\/li>\n                                <li>Contribuer \u00e0 la cr\u00e9ation d\u2019un environnement favorable \u00e0 l\u2019innovation durable et \u00e0 la cr\u00e9ation de valeur.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n\n           \n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Ajustement pour le menu WordPress\n        function adjustForWordPressMenu() {\n            const header = document.querySelector('header') || document.querySelector('.site-header') || document.querySelector('#masthead');\n            \n            if (header) {\n                const headerHeight = header.offsetHeight;\n                const wrapper = document.querySelector('.full-width-wrapper');\n                \n                if (wrapper) {\n                    wrapper.style.paddingTop = (headerHeight + 20) + 'px';\n                }\n            } else {\n                const wrapper = document.querySelector('.full-width-wrapper');\n                if (wrapper) {\n                    wrapper.style.paddingTop = '100px';\n                }\n            }\n        }\n        \n        adjustForWordPressMenu();\n        window.addEventListener('resize', adjustForWordPressMenu);\n        setTimeout(adjustForWordPressMenu, 500);\n        setTimeout(adjustForWordPressMenu, 1000);\n        \n        \/\/ Gestion des accord\u00e9ons\n        const accordionHeaders = document.querySelectorAll('.accordion-header');\n        \n        accordionHeaders.forEach(header => {\n            header.addEventListener('click', function() {\n                \/\/ Fermer tous les autres accord\u00e9ons\n                accordionHeaders.forEach(otherHeader => {\n                    if (otherHeader !== this) {\n                        otherHeader.classList.remove('active');\n                        const otherContent = otherHeader.nextElementSibling;\n                        otherContent.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Basculer l'\u00e9tat de l'accord\u00e9on actuel\n                this.classList.toggle('active');\n                const content = this.nextElementSibling;\n                content.classList.toggle('active');\n                \n                \/\/ Animation d'apparition\n                if (content.classList.contains('active')) {\n                    content.style.opacity = '0';\n                    content.style.transform = 'translateY(-10px)';\n                    \n                    setTimeout(() => {\n                        content.style.opacity = '1';\n                        content.style.transform = 'translateY(0)';\n                    }, 10);\n                }\n            });\n        });\n\n        \/\/ Ouvrir le premier accord\u00e9on par d\u00e9faut\n        if (accordionHeaders.length > 0) {\n            accordionHeaders[0].click();\n        }\n\n        \/\/ Animation d'apparition progressive pour les sections\n        const sections = document.querySelectorAll('.accordion-section');\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach((entry, index) => {\n                if (entry.isIntersecting) {\n                    setTimeout(() => {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }, index * 100);\n                }\n            });\n        }, {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        });\n\n        sections.forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            observer.observe(el);\n        });\n        \n        \/\/ Animation pour les cartes de missions\n        const missionCards = document.querySelectorAll('.mission-card');\n        missionCards.forEach((card, index) => {\n            card.style.opacity = '0';\n            card.style.transform = 'scale(0.95)';\n            card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n            card.style.transitionDelay = (index * 0.2) + 's';\n            \n            setTimeout(() => {\n                card.style.opacity = '1';\n                card.style.transform = 'scale(1)';\n            }, 300 + (index * 200));\n        });\n        \n        \/\/ Animation pour les cartes de services\n        const serviceCards = document.querySelectorAll('.service-card');\n        serviceCards.forEach((card, index) => {\n            card.style.opacity = '0';\n            card.style.transform = 'translateY(20px)';\n            card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n            card.style.transitionDelay = (index * 0.1) + 's';\n            \n            setTimeout(() => {\n                card.style.opacity = '1';\n                card.style.transform = 'translateY(0)';\n            }, 400 + (index * 100));\n        });\n        \n        \/\/ Animation pour la note importante\n        const importantNote = document.querySelector('.important-note');\n        if (importantNote) {\n            importantNote.style.opacity = '0';\n            importantNote.style.transform = 'translateY(20px)';\n            importantNote.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            \n            setTimeout(() => {\n                importantNote.style.opacity = '1';\n                importantNote.style.transform = 'translateY(0)';\n            }, 800);\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\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>Centre d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI) Centre d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI) Le projet de cr\u00e9ation des Centres d\u2019Appui \u00e0 la Technologie et \u00e0 l\u2019Innovation (CATI) s\u2019inscrit dans le cadre d\u2019un accord de coop\u00e9ration entre l\u2019Institut National Alg\u00e9rien de la Propri\u00e9t\u00e9 Industrielle (INAPI) et l\u2019Organisation Mondiale de la Propri\u00e9t\u00e9 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10597"}],"version-history":[{"count":5,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10597\/revisions"}],"predecessor-version":[{"id":12278,"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=\/wp\/v2\/pages\/10597\/revisions\/12278"}],"wp:attachment":[{"href":"https:\/\/www.enscs.edu.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}