{"id":40823,"date":"2025-10-05T21:46:04","date_gmt":"2025-10-05T19:46:04","guid":{"rendered":"http:\/\/localhost\/puit\/?page_id=40823"},"modified":"2026-03-26T16:48:11","modified_gmt":"2026-03-26T15:48:11","slug":"observatoire-boussole","status":"publish","type":"page","link":"https:\/\/www.puit-utm.com\/?page_id=40823","title":{"rendered":"OBSERVATOIRE-BOUSSOLE"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Observatoire du P\u00f4le Universitaire
Innovation & Technologie (PUIT)<\/span><\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Observatoire PUIT<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n \r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #f5f5f0;\r\n color: #1a1a2e;\r\n line-height: 1.7;\r\n }\r\n \r\n .puit-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n \/* Menu Flottant *\/\r\n .floating-nav {\r\n position: fixed;\r\n right: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 1000;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border-radius: 16px;\r\n padding: 16px 12px;\r\n box-shadow: 0 8px 32px rgba(30, 77, 140, 0.15);\r\n border: 1px solid rgba(157, 179, 0, 0.2);\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n scrollbar-width: thin;\r\n scrollbar-color: #9db300 transparent;\r\n }\r\n \r\n .floating-nav::-webkit-scrollbar {\r\n width: 4px;\r\n }\r\n \r\n .floating-nav::-webkit-scrollbar-thumb {\r\n background: #9db300;\r\n border-radius: 4px;\r\n }\r\n \r\n .floating-nav-title {\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #1e4d8c;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n opacity: 0.8;\r\n }\r\n \r\n .floating-nav-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n \r\n .floating-nav-item {\r\n position: relative;\r\n }\r\n \r\n .floating-nav-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 14px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n color: #4a4a5a;\r\n font-size: 13px;\r\n font-weight: 500;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n \r\n .floating-nav-link::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg, #9db300, #c4d600);\r\n transition: width 0.3s ease;\r\n z-index: -1;\r\n border-radius: 10px;\r\n }\r\n \r\n .floating-nav-link:hover::before,\r\n .floating-nav-link.active::before {\r\n width: 100%;\r\n }\r\n \r\n .floating-nav-link:hover,\r\n .floating-nav-link.active {\r\n color: white;\r\n transform: translateX(-4px);\r\n box-shadow: 0 4px 15px rgba(157, 179, 0, 0.4);\r\n }\r\n \r\n .floating-nav-icon {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 8px;\r\n background: rgba(30, 77, 140, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n \r\n .floating-nav-link:hover .floating-nav-icon,\r\n .floating-nav-link.active .floating-nav-icon {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n \r\n .floating-nav-text {\r\n opacity: 0;\r\n max-width: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .floating-nav:hover .floating-nav-text {\r\n opacity: 1;\r\n max-width: 200px;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Indicateur de progression *\/\r\n .nav-progress {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 3px;\r\n height: 100%;\r\n background: rgba(157, 179, 0, 0.2);\r\n border-radius: 3px;\r\n }\r\n \r\n .nav-progress-bar {\r\n width: 100%;\r\n background: linear-gradient(180deg, #9db300, #c4d600);\r\n border-radius: 3px;\r\n transition: height 0.1s ease;\r\n }\r\n \r\n \/* Animation d'entr\u00e9e *\/\r\n @keyframes slideInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n \r\n .floating-nav-item {\r\n animation: slideInRight 0.4s ease backwards;\r\n }\r\n \r\n .floating-nav-item:nth-child(1) { animation-delay: 0.05s; }\r\n .floating-nav-item:nth-child(2) { animation-delay: 0.1s; }\r\n .floating-nav-item:nth-child(3) { animation-delay: 0.15s; }\r\n .floating-nav-item:nth-child(4) { animation-delay: 0.2s; }\r\n .floating-nav-item:nth-child(5) { animation-delay: 0.25s; }\r\n .floating-nav-item:nth-child(6) { animation-delay: 0.3s; }\r\n .floating-nav-item:nth-child(7) { animation-delay: 0.35s; }\r\n .floating-nav-item:nth-child(8) { animation-delay: 0.4s; }\r\n .floating-nav-item:nth-child(9) { animation-delay: 0.45s; }\r\n \r\n \/* Pulse animation pour la section active *\/\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(157, 179, 0, 0.4); }\r\n 50% { box-shadow: 0 0 0 8px rgba(157, 179, 0, 0); }\r\n }\r\n \r\n .floating-nav-link.active {\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n \/* Mobile toggle *\/\r\n .floating-nav-toggle {\r\n display: none;\r\n position: fixed;\r\n right: 20px;\r\n bottom: 20px;\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #9db300, #c4d600);\r\n border: none;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n box-shadow: 0 4px 20px rgba(157, 179, 0, 0.4);\r\n z-index: 1001;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .floating-nav-toggle:hover {\r\n transform: scale(1.1) rotate(90deg);\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 1200px) {\r\n .floating-nav {\r\n right: 10px;\r\n padding: 12px 8px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .floating-nav {\r\n right: -100%;\r\n top: auto;\r\n bottom: 80px;\r\n transform: none;\r\n max-height: 60vh;\r\n width: 280px;\r\n transition: right 0.3s ease;\r\n }\r\n \r\n .floating-nav.open {\r\n right: 20px;\r\n }\r\n \r\n .floating-nav-text {\r\n opacity: 1;\r\n max-width: 200px;\r\n }\r\n \r\n .floating-nav-toggle {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n \r\n \/* Hero Section *\/\r\n .puit-hero {\r\n padding: 60px 0;\r\n text-align: center;\r\n }\r\n \r\n .puit-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 16px;\r\n border-radius: 9999px;\r\n background-color: rgba(157, 179, 0, 0.15);\r\n color: #9db300;\r\n font-size: 14px;\r\n font-weight: 500;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .puit-hero h1 {\r\n font-size: clamp(1.75rem, 4vw, 3rem);\r\n font-weight: 700;\r\n color: #1e4d8c;\r\n margin-bottom: 16px;\r\n line-height: 1.3;\r\n }\r\n \r\n .puit-hero h1 span {\r\n color: #9db300;\r\n }\r\n \r\n .puit-hero-subtitle {\r\n font-size: clamp(1.125rem, 2vw, 1.5rem);\r\n color: #4a4a5a;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .puit-highlight-box {\r\n background: linear-gradient(135deg, #9db300 0%, #c4d600 100%);\r\n padding: 32px;\r\n border-radius: 12px;\r\n color: white;\r\n text-align: left;\r\n animation: fadeInUp 0.8s ease;\r\n }\r\n \r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .puit-highlight-box h2 {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .puit-highlight-box p {\r\n font-size: 1.125rem;\r\n line-height: 1.8;\r\n opacity: 0.95;\r\n }\r\n \r\n .puit-highlight-box p + p {\r\n margin-top: 16px;\r\n }\r\n \r\n \/* Sections *\/\r\n .puit-section {\r\n padding: 48px 0;\r\n scroll-margin-top: 40px;\r\n }\r\n \r\n .puit-section-white {\r\n background-color: #fafaf8;\r\n }\r\n \r\n .puit-section-title {\r\n font-size: clamp(1.5rem, 3vw, 2rem);\r\n font-weight: 700;\r\n color: #1e4d8c;\r\n text-align: center;\r\n margin-bottom: 40px;\r\n position: relative;\r\n display: inline-block;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n \r\n .puit-section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #9db300, #c4d600);\r\n border-radius: 2px;\r\n transition: width 0.3s ease;\r\n }\r\n \r\n .puit-section-title:hover::after {\r\n width: 100px;\r\n }\r\n \r\n \/* Cards *\/\r\n .puit-info-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 8px;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n border-left: 4px solid #9db300;\r\n margin-bottom: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.1);\r\n }\r\n \r\n .puit-info-card h2 {\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n color: #1e4d8c;\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .puit-info-card p {\r\n color: #4a4a5a;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .puit-info-card ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n \r\n .puit-info-card li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n color: #4a4a5a;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .puit-info-card li:hover {\r\n transform: translateX(5px);\r\n }\r\n \r\n .puit-info-card li::before {\r\n content: \"\u2713\";\r\n color: #9db300;\r\n font-weight: bold;\r\n flex-shrink: 0;\r\n }\r\n \r\n .puit-info-box {\r\n background: rgba(30, 77, 140, 0.08);\r\n padding: 16px;\r\n border-radius: 8px;\r\n margin-top: 16px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-info-box:hover {\r\n background: rgba(30, 77, 140, 0.12);\r\n transform: scale(1.02);\r\n }\r\n \r\n .puit-info-box p {\r\n color: #1e4d8c;\r\n font-weight: 500;\r\n margin: 0;\r\n }\r\n \r\n \/* Grid *\/\r\n .puit-grid {\r\n display: grid;\r\n gap: 24px;\r\n }\r\n \r\n .puit-grid-2 {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n }\r\n \r\n .puit-grid-3 {\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n }\r\n \r\n .puit-grid-4 {\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n }\r\n \r\n \/* Mission Cards *\/\r\n .puit-mission-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 8px;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .puit-mission-card:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n }\r\n \r\n .puit-mission-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .puit-mission-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 8px;\r\n background: #1e4d8c;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 18px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-mission-card:hover .puit-mission-icon {\r\n transform: rotate(10deg) scale(1.1);\r\n background: #9db300;\r\n }\r\n \r\n .puit-mission-card h3 {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n color: #1e4d8c;\r\n }\r\n \r\n .puit-mission-card ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n \r\n .puit-mission-card li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n margin-bottom: 8px;\r\n color: #4a4a5a;\r\n font-size: 14px;\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .puit-mission-card li:hover {\r\n color: #1e4d8c;\r\n transform: translateX(5px);\r\n }\r\n \r\n .puit-mission-card li::before {\r\n content: \"\u2192\";\r\n color: #9db300;\r\n font-weight: bold;\r\n flex-shrink: 0;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .puit-mission-card li:hover::before {\r\n transform: translateX(3px);\r\n }\r\n \r\n \/* Objectif Cards *\/\r\n .puit-objectif-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 8px;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n text-align: center;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .puit-objectif-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(157, 179, 0, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n \r\n .puit-objectif-card:hover::before {\r\n left: 100%;\r\n }\r\n \r\n .puit-objectif-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n \r\n .puit-objectif-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: rgba(157, 179, 0, 0.15);\r\n color: #9db300;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n font-size: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-objectif-card:hover .puit-objectif-icon {\r\n transform: scale(1.2) rotate(10deg);\r\n background: #9db300;\r\n color: white;\r\n }\r\n \r\n .puit-objectif-card h3 {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n color: #1e4d8c;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .puit-objectif-card p {\r\n color: #6b6b7b;\r\n font-size: 14px;\r\n }\r\n \r\n \/* Methodologie *\/\r\n .puit-methodo-box {\r\n background: linear-gradient(135deg, #9db300 0%, #c4d600 100%);\r\n padding: 32px;\r\n border-radius: 12px;\r\n color: white;\r\n text-align: center;\r\n margin-bottom: 32px;\r\n position: relative;\r\n overflow: hidden;\r\n animation: gradientShift 8s ease infinite;\r\n background-size: 200% 200%;\r\n }\r\n \r\n @keyframes gradientShift {\r\n 0%, 100% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n }\r\n \r\n .puit-methodo-box::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\r\n background-size: 20px 20px;\r\n opacity: 0.3;\r\n animation: moveBackground 20s linear infinite;\r\n }\r\n \r\n @keyframes moveBackground {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(20px, 20px); }\r\n }\r\n \r\n .puit-methodo-box p {\r\n font-size: 1.125rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .puit-methodo-item {\r\n text-align: center;\r\n padding: 24px;\r\n background: #f5f5f0;\r\n border-radius: 8px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .puit-methodo-item::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #9db300, #c4d600);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .puit-methodo-item:hover::after {\r\n transform: scaleX(1);\r\n }\r\n \r\n .puit-methodo-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n \r\n .puit-methodo-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: #1e4d8c;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n font-size: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-methodo-item:hover .puit-methodo-icon {\r\n transform: scale(1.1);\r\n box-shadow: 0 0 20px rgba(30, 77, 140, 0.4);\r\n }\r\n \r\n .puit-methodo-item h3 {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n color: #1e4d8c;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .puit-methodo-item p {\r\n color: #6b6b7b;\r\n font-size: 14px;\r\n }\r\n \r\n \/* Valeur Card *\/\r\n .puit-valeur-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 8px;\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n \r\n .puit-valeur-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n }\r\n \r\n .puit-valeur-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #9db300;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 16px;\r\n font-size: 24px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .puit-valeur-card:hover .puit-valeur-icon {\r\n animation: bounce 0.5s ease;\r\n }\r\n \r\n @keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .puit-valeur-card h3 {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n color: #1e4d8c;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .puit-valeur-card p {\r\n color: #6b6b7b;\r\n font-size: 14px;\r\n }\r\n \r\n \/* Table *\/\r\n .puit-table-wrapper {\r\n overflow-x: auto;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n }\r\n \r\n .puit-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 14px;\r\n }\r\n \r\n .puit-table th {\r\n background: #1e4d8c;\r\n color: white;\r\n padding: 16px;\r\n text-align: left;\r\n font-weight: 600;\r\n position: sticky;\r\n top: 0;\r\n }\r\n \r\n .puit-table td {\r\n padding: 16px;\r\n border-bottom: 1px solid rgba(0,0,0,0.1);\r\n vertical-align: top;\r\n transition: background 0.2s ease;\r\n }\r\n \r\n .puit-table tr:hover td {\r\n background: rgba(157, 179, 0, 0.05);\r\n }\r\n \r\n .puit-table tr:nth-child(even) {\r\n background: rgba(157, 179, 0, 0.05);\r\n }\r\n \r\n .puit-table tr:nth-child(even):hover td {\r\n background: rgba(157, 179, 0, 0.1);\r\n }\r\n \r\n .puit-badge-table {\r\n display: inline-block;\r\n padding: 4px 12px;\r\n border-radius: 9999px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .puit-badge-table:hover {\r\n transform: scale(1.05);\r\n }\r\n \r\n .puit-badge-green {\r\n background: #9db300;\r\n color: white;\r\n }\r\n \r\n .puit-badge-blue {\r\n background: #1e4d8c;\r\n color: white;\r\n }\r\n \r\n \/* Quote *\/\r\n .puit-quote-section {\r\n padding: 64px 0;\r\n text-align: center;\r\n position: relative;\r\n }\r\n \r\n .puit-quote-section::before {\r\n content: '\"';\r\n position: absolute;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 120px;\r\n color: rgba(157, 179, 0, 0.1);\r\n font-family: Georgia, serif;\r\n line-height: 1;\r\n }\r\n \r\n .puit-quote {\r\n border-left: 4px solid #9db300;\r\n padding-left: 24px;\r\n font-style: italic;\r\n font-size: clamp(1.25rem, 2.5vw, 1.75rem);\r\n color: #4a4a5a;\r\n max-width: 800px;\r\n margin: 0 auto 32px;\r\n text-align: left;\r\n position: relative;\r\n animation: fadeIn 1s ease;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .puit-quote-text {\r\n font-size: 1.125rem;\r\n color: #4a4a5a;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .puit-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .puit-badge-item {\r\n padding: 8px 16px;\r\n border-radius: 9999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n \r\n .puit-badge-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .puit-hero {\r\n padding: 40px 0;\r\n }\r\n \r\n .puit-highlight-box {\r\n padding: 24px;\r\n }\r\n \r\n .puit-section {\r\n padding: 32px 0;\r\n }\r\n \r\n .puit-table {\r\n font-size: 12px;\r\n }\r\n \r\n .puit-table th,\r\n .puit-table td {\r\n padding: 12px;\r\n }\r\n }\r\n \r\n \/* Icons (using emoji as fallback) *\/\r\n .icon-target::before { content: \"\ud83c\udfaf\"; }\r\n .icon-lightbulb::before { content: \"\ud83d\udca1\"; }\r\n .icon-trending::before { content: \"\ud83d\udcc8\"; }\r\n .icon-users::before { content: \"\ud83d\udc65\"; }\r\n .icon-globe::before { content: \"\ud83c\udf0d\"; }\r\n .icon-database::before { content: \"\ud83d\uddc4\ufe0f\"; }\r\n .icon-chart::before { content: \"\ud83d\udcca\"; }\r\n .icon-search::before { content: \"\ud83d\udd0d\"; }\r\n .icon-check::before { content: \"\u2713\"; }\r\n .icon-arrow::before { content: \"\u2192\"; }\r\n .icon-microscope::before { content: \"\ud83d\udd2c\"; }\r\n .icon-briefcase::before { content: \"\ud83d\udcbc\"; }\r\n .icon-rocket::before { content: \"\ud83d\ude80\"; }\r\n .icon-linechart::before { content: \"\ud83d\udcc9\"; }\r\n .icon-book::before { content: \"\ud83d\udcd6\"; }\r\n .icon-award::before { content: \"\ud83c\udfc6\"; }\r\n .icon-home::before { content: \"\ud83c\udfe0\"; }\r\n .icon-menu::before { content: \"\u2630\"; }\r\n .icon-close::before { content: \"\u2715\"; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Menu Flottant -->\r\n <nav class=\"floating-nav\" id=\"floatingNav\">\r\n <div class=\"nav-progress\">\r\n <div class=\"nav-progress-bar\" id=\"navProgressBar\"><\/div>\r\n <\/div>\r\n <div class=\"floating-nav-title\">Navigation<\/div>\r\n <ul class=\"floating-nav-list\">\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#accueil\" class=\"floating-nav-link active\" data-section=\"accueil\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-home\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Accueil<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#mission\" class=\"floating-nav-link\" data-section=\"mission\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-book\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Mission Principale<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#justification\" class=\"floating-nav-link\" data-section=\"justification\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-search\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Justification<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#objectifs\" class=\"floating-nav-link\" data-section=\"objectifs\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-target\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Objectifs<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#missions\" class=\"floating-nav-link\" data-section=\"missions\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-rocket\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Missions<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#methodologie\" class=\"floating-nav-link\" data-section=\"methodologie\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-award\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">M\u00e9thodologie<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#valeur\" class=\"floating-nav-link\" data-section=\"valeur\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-check\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Valeur Ajout\u00e9e<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#feuille-route\" class=\"floating-nav-link\" data-section=\"feuille-route\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-chart\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Feuille de Route<\/span>\r\n <\/a>\r\n <\/li>\r\n <li class=\"floating-nav-item\">\r\n <a href=\"#conclusion\" class=\"floating-nav-link\" data-section=\"conclusion\">\r\n <span class=\"floating-nav-icon\"><span class=\"icon-lightbulb\"><\/span><\/span>\r\n <span class=\"floating-nav-text\">Conclusion<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n \r\n <!-- Bouton Toggle Mobile -->\r\n <button class=\"floating-nav-toggle\" id=\"navToggle\" onclick=\"toggleNav()\">\r\n <span class=\"icon-menu\" id=\"toggleIcon\"><\/span>\r\n <\/button>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"puit-hero\" id=\"accueil\">\r\n <div class=\"puit-container\">\r\n <div class=\"puit-badge\">\r\n <span class=\"icon-microscope\"><\/span>\r\n <span>Instrument Strat\u00e9gique<\/span>\r\n <\/div>\r\n <h1> <br>\r\n <span>Le Phare de l'Innovation et de l'Employabilit\u00e9 en Tunisie<\/span>\r\n <\/h1>\r\n <p class=\"puit-hero-subtitle\"><\/p>\r\n \r\n <div class=\"puit-highlight-box\">\r\n <h2><span class=\"icon-target\"><\/span> Pr\u00e9sentation<\/h2>\r\n <p>\r\n L'Observatoire du P\u00f4le Universitaire, Innovation & Technologie (Observatoire PUIT) est un \r\n <strong>instrument strat\u00e9gique<\/strong> au service de la <strong>gouvernance<\/strong>, du \r\n <strong>pilotage<\/strong> et de <strong>l'\u00e9valuation<\/strong> de la valorisation scientifique, \r\n de l'innovation et de l'employabilit\u00e9 en Tunisie.\r\n <\/p>\r\n <p>\r\n Il s'inscrit pleinement dans la vision du PUIT visant \u00e0 transformer la recherche universitaire, \r\n les comp\u00e9tences scientifiques et les initiatives entrepreneuriales des jeunes dipl\u00f4m\u00e9s en \r\n <strong>leviers concrets de d\u00e9veloppement \u00e9conomique, technologique et social<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mission Principale -->\r\n <section class=\"puit-section\" id=\"mission\">\r\n <div class=\"puit-container\">\r\n <div class=\"puit-info-card\">\r\n <h2><span class=\"icon-book\"><\/span> Mission Principale<\/h2>\r\n <p>\r\n L'Observatoire PUIT a pour mission principale de <strong>collecter, analyser, produire et diffuser<\/strong> des donn\u00e9es fiables et strat\u00e9giques relatives :\r\n <\/p>\r\n <ul>\r\n <li>\u00c0 la valorisation des r\u00e9sultats de la recherche universitaire (doctorants, post-doctorants, enseignants-chercheurs)<\/li>\r\n <li>Aux startups et projets deeptech port\u00e9s par les jeunes dipl\u00f4m\u00e9s<\/li>\r\n <li>Aux parcours de formation, d'insertion professionnelle et d'innovation<\/li>\r\n <li>Aux dynamiques internationales d'innovation scientifique et technologique et \u00e0 leurs opportunit\u00e9s d'adaptation au contexte tunisien<\/li>\r\n <\/ul>\r\n <div class=\"puit-info-box\">\r\n <p>\r\n Il constitue ainsi un <strong>outil d'aide \u00e0 la d\u00e9cision<\/strong>, un <strong>dispositif de veille strat\u00e9gique<\/strong> et un <strong>levier de coh\u00e9rence syst\u00e9mique<\/strong> entre universit\u00e9, recherche, industrie et politiques publiques.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Justification -->\r\n <section class=\"puit-section\" id=\"justification\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">Justification et Positionnement Strat\u00e9gique<\/h2>\r\n \r\n <div class=\"puit-grid puit-grid-2\">\r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-search\"><\/span><\/div>\r\n <h3>Les Limites Structurelles<\/h3>\r\n <\/div>\r\n <ul>\r\n <li>Absence de donn\u00e9es consolid\u00e9es sur la valorisation scientifique et technologique<\/li>\r\n <li>Faible visibilit\u00e9 des trajectoires des doctorants, jeunes chercheurs et startups issues de l'universit\u00e9<\/li>\r\n <li>Manque d'outils de suivi longitudinal formation-recherche-emploi-innovation<\/li>\r\n <li>Insuffisance de veille structur\u00e9e sur les innovations internationales applicables localement<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\" style=\"background: #9db300;\"><span class=\"icon-lightbulb\"><\/span><\/div>\r\n <h3>La R\u00e9ponse de l'Observatoire<\/h3>\r\n <\/div>\r\n <p style=\"margin-bottom: 12px; color: #4a4a5a;\">\r\n L'Observatoire PUIT r\u00e9pond \u00e0 ces limites en constituant le <strong>socle informationnel et analytique<\/strong> du PUIT, permettant essentiellement :\r\n <\/p>\r\n <ul>\r\n <li>D'objectiver les politiques d'innovation<\/li>\r\n <li>De renforcer la coh\u00e9rence entre formation, recherche et besoins socio-\u00e9conomiques<\/li>\r\n <li>De mesurer l'impact r\u00e9el des actions du PUIT \u00e0 court, moyen et long terme<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Objectifs -->\r\n <section class=\"puit-section puit-section-white\" id=\"objectifs\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">Objectifs G\u00e9n\u00e9raux de l'Observatoire PUIT<\/h2>\r\n \r\n <div class=\"puit-grid puit-grid-3\">\r\n <div class=\"puit-objectif-card\">\r\n <div class=\"puit-objectif-icon\"><span class=\"icon-microscope\"><\/span><\/div>\r\n <h3>1. Valorisation Scientifique<\/h3>\r\n <p>Renforcer la valorisation scientifique et technologique des travaux de recherche universitaire<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-objectif-card\">\r\n <div class=\"puit-objectif-icon\"><span class=\"icon-users\"><\/span><\/div>\r\n <h3>2. Ad\u00e9quation Formation-Emploi<\/h3>\r\n <p>Am\u00e9liorer l'ad\u00e9quation formation, emploi, innovation, en particulier pour les jeunes dipl\u00f4m\u00e9s<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-objectif-card\">\r\n <div class=\"puit-objectif-icon\"><span class=\"icon-rocket\"><\/span><\/div>\r\n <h3>3. Soutien Deeptech<\/h3>\r\n <p>Soutenir l'\u00e9mergence et la croissance des startups deeptech issues de l'\u00e9cosyst\u00e8me universitaire<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-objectif-card\">\r\n <div class=\"puit-objectif-icon\"><span class=\"icon-chart\"><\/span><\/div>\r\n <h3>4. Gouvernance<\/h3>\r\n <p>Outiller la gouvernance du PUIT par des donn\u00e9es probantes et des analyses strat\u00e9giques<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-objectif-card\">\r\n <div class=\"puit-objectif-icon\"><span class=\"icon-globe\"><\/span><\/div>\r\n <h3>5. Veille Internationale<\/h3>\r\n <p>Positionner la Tunisie dans les dynamiques internationales d'innovation via une veille structur\u00e9e<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Missions -->\r\n <section class=\"puit-section\" id=\"missions\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">Missions de l'Observatoire du PUIT<\/h2>\r\n \r\n <div class=\"puit-grid puit-grid-2\">\r\n <!-- Mission 1 -->\r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-database\"><\/span><\/div>\r\n <h3>1. Production et Centralisation des Donn\u00e9es Strat\u00e9giques<\/h3>\r\n <\/div>\r\n <ul>\r\n <li>Centraliser et analyser les donn\u00e9es relatives aux doctorants, post-doctorants, enseignants-chercheurs<\/li>\r\n <li>Documenter les projets de recherche \u00e0 potentiel de valorisation<\/li>\r\n <li>Recenser les startups tunisiennes issues des universit\u00e9s<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Mission 2 -->\r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-lightbulb\"><\/span><\/div>\r\n <h3>2. Valorisation Scientifique et Innovation<\/h3>\r\n <\/div>\r\n <ul>\r\n <li>Identifier les r\u00e9sultats de recherche valorisables (brevets, prototypes, publications)<\/li>\r\n <li>Analyser les m\u00e9canismes de transfert technologique et d'innovation ouverte<\/li>\r\n <li>Produire des indicateurs de performance en mati\u00e8re de valorisation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Mission 3 -->\r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-briefcase\"><\/span><\/div>\r\n <h3>3. Insertion Professionnelle et Entrepreneuriat Innovant<\/h3>\r\n <\/div>\r\n <ul>\r\n <li>R\u00e9aliser des \u00e9tudes r\u00e9guli\u00e8res sur l'insertion professionnelle des dipl\u00f4m\u00e9s<\/li>\r\n <li>Analyser les trajectoires professionnelles des doctorants et jeunes chercheurs<\/li>\r\n <li>Produire des recommandations pour une meilleure ad\u00e9quation formation-emploi-innovation<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Mission 4 -->\r\n <div class=\"puit-mission-card\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-target\"><\/span><\/div>\r\n <h3>4. Appui \u00e0 la Strat\u00e9gie du PUIT et des Universit\u00e9s<\/h3>\r\n <\/div>\r\n <ul>\r\n <li>Fournir des analyses et avis strat\u00e9giques pour orienter les politiques du PUIT<\/li>\r\n <li>Alimenter les plans d'action des universit\u00e9s et partenaires<\/li>\r\n <li>Contribuer \u00e0 l'\u00e9valuation des impacts des programmes soutenus<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Mission 5 -->\r\n <div class=\"puit-mission-card\" style=\"grid-column: 1 \/ -1;\">\r\n <div class=\"puit-mission-header\">\r\n <div class=\"puit-mission-icon\"><span class=\"icon-globe\"><\/span><\/div>\r\n <h3>5. Veille Scientifique, Technologique et Internationale<\/h3>\r\n <\/div>\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px;\">\r\n <span style=\"color: #4a4a5a; font-size: 14px;\"><span class=\"icon-arrow\" style=\"color: #9db300;\"><\/span> Veille sur les innovations scientifiques et technologiques internationales<\/span>\r\n <span style=\"color: #4a4a5a; font-size: 14px;\"><span class=\"icon-arrow\" style=\"color: #9db300;\"><\/span> Identification des tendances \u00e9mergentes (deeptech, healthtech, greentech, IA, biotechnologies)<\/span>\r\n <span style=\"color: #4a4a5a; font-size: 14px;\"><span class=\"icon-arrow\" style=\"color: #9db300;\"><\/span> Analyse des opportunit\u00e9s de transfert et d'adaptation au contexte tunisien<\/span>\r\n <span style=\"color: #4a4a5a; font-size: 14px;\"><span class=\"icon-arrow\" style=\"color: #9db300;\"><\/span> Soutien \u00e0 l'internationalisation des projets du PUIT<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- M\u00e9thodologie -->\r\n <section class=\"puit-section puit-section-white\" id=\"methodologie\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">M\u00e9thodologie de Travail<\/h2>\r\n \r\n <div class=\"puit-methodo-box\">\r\n <p>Les activit\u00e9s de l'Observatoire PUIT reposent sur une <strong>m\u00e9thodologie rigoureuse<\/strong> :<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-grid puit-grid-4\">\r\n <div class=\"puit-methodo-item\">\r\n <div class=\"puit-methodo-icon\"><span class=\"icon-search\"><\/span><\/div>\r\n <h3>Enqu\u00eates<\/h3>\r\n <p>\u00c9laboration d'enqu\u00eates quantitatives et qualitatives<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-methodo-item\">\r\n <div class=\"puit-methodo-icon\"><span class=\"icon-database\"><\/span><\/div>\r\n <h3>Collecte<\/h3>\r\n <p>Collecte de donn\u00e9es multi-sources (universit\u00e9s, laboratoires, startups, institutions)<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-methodo-item\">\r\n <div class=\"puit-methodo-icon\"><span class=\"icon-linechart\"><\/span><\/div>\r\n <h3>Analyse<\/h3>\r\n <p>Analyses statistiques et analyses de donn\u00e9es sous forme d'indicateurs<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-methodo-item\">\r\n <div class=\"puit-methodo-icon\"><span class=\"icon-award\"><\/span><\/div>\r\n <h3>Production<\/h3>\r\n <p>Production de rapports, notes strat\u00e9giques et tableaux de bord<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"text-align: center; margin-top: 32px;\">\r\n <div style=\"display: inline-block; padding: 12px 24px; background: rgba(157, 179, 0, 0.15); border-radius: 8px; transition: all 0.3s ease;\">\r\n <span style=\"color: #9db300; font-weight: 500;\"><span class=\"icon-trending\"><\/span> Formulation de recommandations op\u00e9rationnelles pour des d\u00e9cisions efficaces et fond\u00e9es sur l'\u00e9vidence<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Valeur Ajout\u00e9e -->\r\n <section class=\"puit-section\" id=\"valeur\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">Valeur Ajout\u00e9e de l'Observatoire PUIT<\/h2>\r\n \r\n <div class=\"puit-grid puit-grid-4\">\r\n <div class=\"puit-valeur-card\">\r\n <div class=\"puit-valeur-icon\"><span class=\"icon-check\"><\/span><\/div>\r\n <h3>Pilotage Strat\u00e9gique<\/h3>\r\n <p>Un outil structurant de pilotage strat\u00e9gique<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-valeur-card\">\r\n <div class=\"puit-valeur-icon\"><span class=\"icon-check\"><\/span><\/div>\r\n <h3>Cr\u00e9dibilit\u00e9<\/h3>\r\n <p>Un levier de cr\u00e9dibilit\u00e9 aupr\u00e8s des bailleurs de fonds et partenaires internationaux<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-valeur-card\">\r\n <div class=\"puit-valeur-icon\"><span class=\"icon-check\"><\/span><\/div>\r\n <h3>Transparence<\/h3>\r\n <p>Un instrument de transparence, d'\u00e9valuation et d'impact mesurable<\/p>\r\n <\/div>\r\n \r\n <div class=\"puit-valeur-card\">\r\n <div class=\"puit-valeur-icon\"><span class=\"icon-check\"><\/span><\/div>\r\n <h3>Coh\u00e9rence<\/h3>\r\n <p>Un pont entre donn\u00e9es, politiques publiques et innovation r\u00e9elle<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Feuille de Route -->\r\n <section class=\"puit-section puit-section-white\" id=\"feuille-route\">\r\n <div class=\"puit-container\">\r\n <h2 class=\"puit-section-title\">Feuille de Route Op\u00e9rationnelle<\/h2>\r\n \r\n <div class=\"puit-table-wrapper\">\r\n <table class=\"puit-table\">\r\n <thead>\r\n <tr>\r\n <th>Horizon Temporel<\/th>\r\n <th>Objectifs Strat\u00e9giques<\/th>\r\n <th>Actions Cl\u00e9s<\/th>\r\n <th>Livrables<\/th>\r\n <th>Valeur pour le PUIT<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <!-- Court Terme -->\r\n <tr>\r\n <td rowspan=\"2\">\r\n <span class=\"puit-badge-table puit-badge-green\">Court Terme<\/span><br>\r\n <strong style=\"color: #1e4d8c;\">(0-12 mois)<\/strong>\r\n <\/td>\r\n <td>Installer l'Observatoire comme outil op\u00e9rationnel du PUIT<\/td>\r\n <td>\u2022 Cr\u00e9ation institutionnelle<br>\u2022 Mise en place de la gouvernance<br>\u2022 D\u00e9finition du cadre m\u00e9thodologique<br>\u2022 Lancement des premi\u00e8res enqu\u00eates<\/td>\r\n <td>\u2022 Cadre m\u00e9thodologique officiel<br>\u2022 Base de donn\u00e9es centrale<br>\u2022 1er rapport annuel<\/td>\r\n <td>\u2022 Outil de pilotage imm\u00e9diat<br>\u2022 Donn\u00e9es fiables pour orienter les d\u00e9cisions<br>\u2022 Cr\u00e9dibilit\u00e9 institutionnelle<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Objectiver la valorisation scientifique universitaire<\/td>\r\n <td>\u2022 Recensement des projets de recherche<br>\u2022 Cartographie des startups<br>\u2022 Analyse initiale des trajectoires doctorales<\/td>\r\n <td>\u2022 Indicateurs nationaux de valorisation<br>\u2022 Cartographie des projets et startups<\/td>\r\n <td>\u2022 Meilleure visibilit\u00e9 du potentiel scientifique national<br>\u2022 Base pour priorisation strat\u00e9gique<\/td>\r\n <\/tr>\r\n \r\n <!-- Moyen Terme -->\r\n <tr style=\"background: rgba(30, 77, 140, 0.03);\">\r\n <td rowspan=\"3\">\r\n <span class=\"puit-badge-table puit-badge-blue\">Moyen Terme<\/span><br>\r\n <strong style=\"color: #1e4d8c;\">(12-36 mois)<\/strong>\r\n <\/td>\r\n <td>Consolider l'aide \u00e0 la d\u00e9cision strat\u00e9gique<\/td>\r\n <td>\u2022 Analyses longitudinales<br>\u2022 \u00c9tudes th\u00e9matiques sectorielles<br>\u2022 Tableaux de bord d\u00e9cisionnels<\/td>\r\n <td>\u2022 Rapports th\u00e9matiques annuels<br>\u2022 Tableaux de bord strat\u00e9giques<\/td>\r\n <td>\u2022 Pilotage fond\u00e9 sur l'\u00e9vidence<br>\u2022 Meilleure allocation des ressources<\/td>\r\n <\/tr>\r\n <tr style=\"background: rgba(30, 77, 140, 0.03);\">\r\n <td>Soutenir l'innovation et l'employabilit\u00e9<\/td>\r\n <td>\u2022 Analyse formation-emploi-innovation<br>\u2022 Identification des freins \u00e0 l'entrepreneuriat<br>\u2022 Recommandations pour l'adaptation des cursus<\/td>\r\n <td>\u2022 Notes de recommandations strat\u00e9giques<br>\u2022 Indicateurs d'impact formation-emploi<\/td>\r\n <td>\u2022 Am\u00e9lioration de l'employabilit\u00e9<br>\u2022 Renforcement des startups deeptech<\/td>\r\n <\/tr>\r\n <tr style=\"background: rgba(30, 77, 140, 0.03);\">\r\n <td>Structurer la veille scientifique et technologique<\/td>\r\n <td>\u2022 Veille internationale sur les innovations<br>\u2022 Identification des opportunit\u00e9s d'adaptation<br>\u2022 Notes d'alerte strat\u00e9gique<\/td>\r\n <td>\u2022 Bulletins de veille<br>\u2022 Notes d'opportunit\u00e9s technologiques<\/td>\r\n <td>\u2022 Anticipation des tendances<br>\u2022 Positionnement strat\u00e9gique du PUIT<\/td>\r\n <\/tr>\r\n \r\n <!-- Long Terme -->\r\n <tr>\r\n <td rowspan=\"2\">\r\n <span class=\"puit-badge-table puit-badge-green\">Long Terme<\/span><br>\r\n <strong style=\"color: #1e4d8c;\">(36-60 mois)<\/strong>\r\n <\/td>\r\n <td>Mesurer l'impact national du PUIT<\/td>\r\n <td>\u2022 \u00c9valuation de l'impact \u00e9conomique et social<br>\u2022 Analyse de la contribution \u00e0 la souverainet\u00e9 technologique<\/td>\r\n <td>\u2022 Rapports d'impact nationaux<br>\u2022 Indicateurs de performance globale<\/td>\r\n <td>\u2022 Justification des politiques publiques<br>\u2022 Renforcement de la l\u00e9gitimit\u00e9 du PUIT<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Internationaliser et p\u00e9renniser l'Observatoire<\/td>\r\n <td>\u2022 Benchmark international<br>\u2022 Int\u00e9gration dans des r\u00e9seaux internationaux<br>\u2022 Institutionnalisation durable<\/td>\r\n <td>\u2022 Indices comparatifs internationaux<br>\u2022 Plateforme num\u00e9rique de r\u00e9f\u00e9rence<\/td>\r\n <td>\u2022 Attractivit\u00e9 internationale<br>\u2022 P\u00e9rennit\u00e9 et rayonnement du PUIT<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Quote Section -->\r\n <section class=\"puit-quote-section\" id=\"conclusion\">\r\n <div class=\"puit-container\">\r\n <div class=\"puit-quote\">\r\n \"L'Observatoire PUIT : Le cha\u00eenon manquant pour une \u00e9conomie du savoir performante.\"\r\n <\/div>\r\n <p class=\"puit-quote-text\">\r\n En transformant la donn\u00e9e en strat\u00e9gie, nous passons de la <strong>recherche invisible<\/strong> \u00e0 <strong>l'impact mesurable<\/strong>.\r\n <\/p>\r\n <div class=\"puit-badges\">\r\n <span class=\"puit-badge-item\" style=\"background: #1e4d8c; color: white;\">Un levier de cr\u00e9dibilit\u00e9<\/span>\r\n <span class=\"puit-badge-item\" style=\"background: #9db300; color: white;\">De transparence<\/span>\r\n <span class=\"puit-badge-item\" style=\"background: #1e4d8c; color: white;\">De souverainet\u00e9 technologique<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Gestion du menu flottant\r\n function toggleNav() {\r\n const nav = document.getElementById('floatingNav');\r\n const icon = document.getElementById('toggleIcon');\r\n nav.classList.toggle('open');\r\n \r\n if (nav.classList.contains('open')) {\r\n icon.classList.remove('icon-menu');\r\n icon.classList.add('icon-close');\r\n } else {\r\n icon.classList.remove('icon-close');\r\n icon.classList.add('icon-menu');\r\n }\r\n }\r\n \r\n \/\/ D\u00e9tection de la section active au scroll\r\n function updateActiveSection() {\r\n const sections = document.querySelectorAll('section[id]');\r\n const navLinks = document.querySelectorAll('.floating-nav-link');\r\n const progressBar = document.getElementById('navProgressBar');\r\n \r\n let current = '';\r\n let scrollProgress = 0;\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n const sectionHeight = section.clientHeight;\r\n const scrollY = window.scrollY;\r\n \r\n if (scrollY >= sectionTop - 200) {\r\n current = section.getAttribute('id');\r\n }\r\n \r\n \/\/ Calcul de la progression globale\r\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n scrollProgress = (scrollY \/ docHeight) * 100;\r\n });\r\n \r\n \/\/ Mise \u00e0 jour de la barre de progression\r\n progressBar.style.height = scrollProgress + '%';\r\n \r\n \/\/ Mise \u00e0 jour des liens actifs\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href') === '#' + current) {\r\n link.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n \/\/ Smooth scroll et fermeture du menu mobile\r\n document.querySelectorAll('.floating-nav-link').forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n const targetSection = document.querySelector(targetId);\r\n \r\n if (targetSection) {\r\n targetSection.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n \r\n \/\/ Fermer le menu sur mobile\r\n if (window.innerWidth <= 768) {\r\n toggleNav();\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u00c9coute du scroll\r\n window.addEventListener('scroll', updateActiveSection);\r\n window.addEventListener('load', updateActiveSection);\r\n \r\n \/\/ Animation au chargement des \u00e9l\u00e9ments\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n \r\n \/\/ Observer les cartes pour animation\r\n document.querySelectorAll('.puit-mission-card, .puit-objectif-card, .puit-valeur-card, .puit-methodo-item').forEach((el, index) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = `all 0.6s ease ${index * 0.1}s`;\r\n observer.observe(el);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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-f552259 e-flex e-con-boxed e-con e-parent\" data-id=\"f552259\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Observatoire du P\u00f4le UniversitaireInnovation & Technologie (PUIT) Observatoire PUIT Navigation Accueil Mission Principale Justification Objectifs Missions M\u00e9thodologie Valeur Ajout\u00e9e Feuille de Route Conclusion Instrument Strat\u00e9gique Le Phare de l’Innovation et de l’Employabilit\u00e9 en Tunisie Pr\u00e9sentation L’Observatoire du P\u00f4le Universitaire, Innovation & Technologie (Observatoire PUIT) est un instrument strat\u00e9gique au service de la gouvernance, du pilotage […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-40823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/pages\/40823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40823"}],"version-history":[{"count":58,"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/pages\/40823\/revisions"}],"predecessor-version":[{"id":41391,"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=\/wp\/v2\/pages\/40823\/revisions\/41391"}],"wp:attachment":[{"href":"https:\/\/www.puit-utm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}