{"id":15,"date":"2019-07-22T16:54:28","date_gmt":"2019-07-22T13:54:28","guid":{"rendered":"https:\/\/livresq.com\/?page_id=15"},"modified":"2026-02-02T17:18:49","modified_gmt":"2026-02-02T15:18:49","slug":"formation","status":"publish","type":"page","link":"https:\/\/livresq.com\/fr\/training\/","title":{"rendered":"Formation"},"content":{"rendered":"\n\n\n\n\n

<\/p>\n\n\n\n\n\n\n\n\n \n \n LIVRESQ – Formation et Ressources<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@700;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Tailwind Configuration -->\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n midnight: '#0F1623',\n livresq: {\n fucsia: '#D91278',\n 'fucsia-dark': '#b00e60',\n albastru: '#6fccf0',\n blond: '#faed87',\n darkblue: '#2c3e50',\n light: '#f8f9fa',\n text: '#333333'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n },\n animation: {\n 'blob': 'blob 7s infinite',\n 'float': 'float 6s ease-in-out infinite',\n 'shimmer': 'shimmer 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-20px)' },\n },\n shimmer: {\n '0%': { transform: 'translateX(-150%) skewX(-45deg)' },\n '100%': { transform: 'translateX(150%) skewX(-45deg)' }\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n html { scroll-behavior: smooth; }\n \n #livresq-app-container {\n font-family: 'Inter', sans-serif;\n line-height: 1.5;\n color: #334155; \n background-color: #f8fafc;\n width: 100%;\n overflow-x: hidden;\n }\n\n #livresq-app-container a:not(.inline-flex) {\n text-decoration: none !important;\n box-shadow: none !important;\n border-bottom: none !important;\n color: inherit; \n transition: all 0.3s ease;\n }\n \n #livresq-app-container a:hover {\n text-decoration: none !important;\n color: inherit; \n }\n\n #livresq-app-container ul,\n #livresq-app-container ol,\n #livresq-app-container li {\n list-style: none !important;\n margin-left: 0 !important;\n padding-left: 0 !important;\n text-indent: 0 !important;\n background: none !important; \n }\n\n #livresq-app-container input[type=\"text\"] {\n background-image: none !important;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n margin: 0 !important;\n box-sizing: border-box !important;\n color: #0F1623 !important;\n height: auto !important;\n padding-top: 0.75rem !important;\n padding-bottom: 0.75rem !important;\n }\n #livresq-app-container input[type=\"text\"]:focus {\n outline: 2px solid #D91278 !important;\n outline-offset: -2px !important;\n border-color: transparent !important;\n box-shadow: none !important;\n }\n\n #livresq-app-container .text-white { color: #ffffff !important; }\n #livresq-app-container .text-slate-900 { color: #0F1623 !important; }\n #livresq-app-container .text-livresq-fucsia { color: #D91278 !important; }\n #livresq-app-container .bg-white { background-color: #ffffff !important; }\n #livresq-app-container .bg-midnight { background-color: #0F1623 !important; }\n \n \/* Force button hover appearance in WordPress *\/\n .watch-btn-hover:hover {\n color: #ffffff !important;\n background-color: #D91278 !important;\n border-color: #D91278 !important;\n }\n .watch-btn-hover:hover svg {\n stroke: #ffffff !important;\n }\n\n .cta-btn-hover:hover {\n transform: scale(1.05);\n box-shadow: 0 10px 25px -5px rgba(217, 18, 120, 0.4);\n }\n\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n }\n\n .glass-panel-midnight {\n background: rgba(15, 22, 35, 0.6);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .spotlight-card {\n position: relative;\n overflow: hidden;\n }\n .spotlight-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(\n 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n rgba(255, 255, 255, 0.06),\n transparent 40%\n );\n opacity: 0;\n transition: opacity 0.5s;\n pointer-events: none;\n z-index: 2;\n }\n .spotlight-card:hover::before {\n opacity: 1;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .delay-100 { transition-delay: 100ms; }\n .delay-200 { transition-delay: 200ms; }\n .delay-300 { transition-delay: 300ms; }\n .delay-400 { transition-delay: 400ms; }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"livresq-app-container\" class=\"min-h-screen bg-slate-50 flex flex-col font-sans\">\n \n <!-- 1. HERO SECTION -->\n <div class=\"relative bg-slate-50 overflow-hidden pt-24 pb-16 lg:pt-32\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-100\/50 rounded-full blur-[100px] animate-blob mix-blend-multiply filter pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-pink-100\/50 rounded-full blur-[100px] animate-blob animation-delay-2000 mix-blend-multiply filter pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center max-w-4xl mx-auto reveal\">\n <span class=\"inline-flex items-center py-1 px-3 rounded-md border border-[#1379D1]\/20 bg-[#1379D1]\/5 text-[#1379D1] text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-sm transition-all hover:bg-[#1379D1]\/10 !no-underline\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\n CENTRE D’APPRENTISSAGE\n <\/span>\n \n <h1 class=\"text-5xl md:text-6xl font-heading font-black !text-slate-900 leading-[1.1] tracking-tight mb-6\">\n Formation <span class=\"!text-livresq-fucsia\">& Ressources<\/span>\n <\/h1>\n \n <p class=\"mt-4 text-xl !text-slate-600 leading-relaxed max-w-2xl mx-auto\">\n Trouvez des ressources p\u00e9dagogiques cr\u00e9\u00e9es par l’\u00e9quipe LIVRESQ et les membres de notre communaut\u00e9. Explorez les cours et webinaires disponibles.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 2. COURSES SECTION -->\n <section class=\"py-24 bg-midnight bg-grid-overlay relative overflow-hidden spotlight-container\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-blue-600\/10 rounded-full blur-[100px] pointer-events-none translate-x-1\/2 -translate-y-1\/2 mix-blend-screen\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-livresq-fucsia\/10 rounded-full blur-[100px] pointer-events-none -translate-x-1\/2 translate-y-1\/2 mix-blend-screen\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 reveal\">\n <span class=\"inline-flex items-center py-1 px-3 rounded-md border border-livresq-fucsia\/30 bg-livresq-fucsia\/10 !text-livresq-fucsia text-xs font-bold uppercase tracking-[0.2em] mb-6 shadow-sm !no-underline\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n ACAD\u00c9MIE NUM\u00c9RIQUE\n <\/span>\n <h2 class=\"text-4xl md:text-5xl font-heading font-black !text-white tracking-tight leading-tight\">\n Cours de Sp\u00e9cialisation\n <\/h2>\n <p class=\"mt-4 !text-slate-400 max-w-2xl mx-auto\">\n Votre parcours complet de l’initiation technique \u00e0 l’expertise certifi\u00e9e en p\u00e9dagogie num\u00e9rique et conception p\u00e9dagogique.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8 mb-16\">\n <!-- Course 1 -->\n <div class=\"spotlight-card glass-panel-midnight group flex flex-col relative rounded-2xl overflow-hidden border border-white\/5 hover:border-livresq-fucsia\/50 transition-all duration-300 reveal delay-100\">\n <div class=\"aspect-video w-full overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\"\/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-midnight via-midnight\/20 to-transparent opacity-90\"><\/div>\n <div class=\"absolute top-4 left-4\">\n <span class=\"px-3 py-1 bg-emerald-500 !text-white text-[10px] font-bold uppercase rounded-full tracking-widest shadow-lg\">Niveau D\u00e9butant<\/span>\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col flex-grow relative -mt-6\">\n <div class=\"flex items-center gap-2 mb-3 text-xs font-bold !text-slate-400 uppercase tracking-wider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-livresq-fucsia\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \n 4 Semaines\n <\/div>\n <h3 class=\"text-xl font-bold !text-white mb-3 leading-snug group-hover:!text-livresq-fucsia transition-colors min-h-[84px]\">Les Bases de LIVRESQ<\/h3>\n <p class=\"!text-slate-400 text-sm leading-relaxed mb-6 flex-grow border-b border-white\/5 pb-6\">Id\u00e9al pour ceux qui utilisent la plateforme pour la premi\u00e8re fois. Apprenez \u00e9tape par \u00e9tape l’interface de l’\u00e9diteur, comment construire une structure de le\u00e7on, ajouter des \u00e9l\u00e9ments multim\u00e9dias et publier votre premier projet \u00e9ducatif fonctionnel.<\/p>\n <ul class=\"space-y-2 mb-8\">\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Interface de l’\u00e9diteur<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Structure de la le\u00e7on<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Publication<\/li>\n <\/ul>\n <a href=\"https:\/\/livresq.com\/en\/curs-bazele-utilizarii-livresq\/\" class=\"inline-flex items-center justify-center w-full px-6 py-3 bg-white\/5 hover:bg-livresq-fucsia !text-white !no-underline font-bold text-sm rounded-lg border border-white\/10 hover:border-livresq-fucsia transition-all duration-300\">\n D\u00e9tails du Cours <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 transition-transform group-hover:translate-x-1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Course 2 -->\n <div class=\"spotlight-card glass-panel-midnight group flex flex-col relative rounded-2xl overflow-hidden border border-white\/5 hover:border-livresq-fucsia\/50 transition-all duration-300 reveal delay-200\">\n <div class=\"aspect-video w-full overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-PRLI.jpg?fit=800%2C450&ssl=1\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\"\/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-midnight via-midnight\/20 to-transparent opacity-90\"><\/div>\n <div class=\"absolute top-4 left-4\">\n <span class=\"px-3 py-1 bg-blue-500 !text-white text-[10px] font-bold uppercase rounded-full tracking-widest shadow-lg\">Niveau Interm\u00e9diaire<\/span>\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col flex-grow relative -mt-6\">\n <div class=\"flex items-center gap-2 mb-3 text-xs font-bold !text-slate-400 uppercase tracking-wider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-livresq-fucsia\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \n 5 Modules Intensifs\n <\/div>\n <h3 class=\"text-xl font-bold !text-white mb-3 leading-snug group-hover:!text-livresq-fucsia transition-colors min-h-[84px]\">Conception et Cr\u00e9ation de Le\u00e7ons Interactives<\/h3>\n <p class=\"!text-slate-400 text-sm leading-relaxed mb-6 flex-grow border-b border-white\/5 pb-6\">Transformez vos connaissances techniques en exp\u00e9riences d’apprentissage. Ce cours intensif de 5 jours vous enseigne la m\u00e9thodologie de conception p\u00e9dagogique pour cr\u00e9er des sc\u00e9narios d’enseignement efficaces et des le\u00e7ons ayant un r\u00e9el impact en classe.<\/p>\n <ul class=\"space-y-2 mb-8\">\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Conception P\u00e9dagogique<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Sc\u00e9narios d’Enseignement<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Projet Pratique<\/li>\n <\/ul>\n <a href=\"https:\/\/livresq.com\/en\/curs-proiectarea-si-realizarea-lectiilor-interactive\/\" class=\"inline-flex items-center justify-center w-full px-6 py-3 bg-white\/5 hover:bg-livresq-fucsia !text-white !no-underline font-bold text-sm rounded-lg border border-white\/10 hover:border-livresq-fucsia transition-all duration-300\">\n D\u00e9tails du Cours <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 transition-transform group-hover:translate-x-1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Course 3 -->\n <div class=\"spotlight-card glass-panel-midnight group flex flex-col relative rounded-2xl overflow-hidden border border-white\/5 hover:border-livresq-fucsia\/50 transition-all duration-300 reveal delay-300\">\n <div class=\"aspect-video w-full overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/07\/NewsLetter.png?fit=800%2C450&ssl=1\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\"\/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-midnight via-midnight\/20 to-transparent opacity-90\"><\/div>\n <div class=\"absolute top-4 left-4\">\n <span class=\"px-3 py-1 bg-livresq-fucsia !text-white text-[10px] font-bold uppercase rounded-full tracking-widest shadow-lg\">Niveau Interm\u00e9diaire<\/span>\n <\/div>\n <\/div>\n <div class=\"p-8 flex flex-col flex-grow relative -mt-6\">\n <div class=\"flex items-center gap-2 mb-3 text-xs font-bold !text-slate-400 uppercase tracking-wider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-livresq-fucsia\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \n 3 Semaines (52h)\n <\/div>\n <h3 class=\"text-xl font-bold !text-white mb-3 leading-snug group-hover:!text-livresq-fucsia transition-colors min-h-[84px]\">Conception, Cr\u00e9ation et Utilisation des REL<\/h3>\n <p class=\"!text-slate-400 text-sm leading-relaxed mb-6 flex-grow border-b border-white\/5 pb-6\">Masterclass pour les \u00e9ducateurs. Apprenez \u00e0 d\u00e9velopper des Ressources \u00c9ducatives Libres (REL) conformes aux normes DigCompEdu et SCORM. Comprend 12 heures synchrones et 40 heures de pratique asynchrone.<\/p>\n <ul class=\"space-y-2 mb-8\">\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Normes REL<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>DigCompEdu<\/li>\n <li class=\"flex items-center text-xs !text-slate-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-emerald-400 mr-2\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Certification<\/li>\n <\/ul>\n <a href=\"https:\/\/livresq.com\/en\/pedagogie-digitala\/\" class=\"inline-flex items-center justify-center w-full px-6 py-3 bg-white\/5 hover:bg-livresq-fucsia !text-white !no-underline font-bold text-sm rounded-lg border border-white\/10 hover:border-livresq-fucsia transition-all duration-300\">\n D\u00e9tails du Cours <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 transition-transform group-hover:translate-x-1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Featured Card -->\n <div class=\"relative reveal delay-400 max-w-5xl mx-auto\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-amber-500\/20 to-transparent blur-2xl opacity-50 rounded-full\"><\/div>\n <div class=\"spotlight-card glass-panel-midnight group relative rounded-2xl overflow-hidden border border-amber-500\/30 hover:border-amber-500 transition-all duration-300 grid md:grid-cols-2 shadow-2xl\">\n <div class=\"relative h-full min-h-[320px] bg-gradient-to-br from-white\/5 to-transparent flex items-center justify-center p-8 md:p-10 border-r border-white\/5\">\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-17-130317.png?w=582&ssl=1\" class=\"relative z-10 w-full h-auto rounded-lg shadow-2xl transform group-hover:scale-[1.02] transition-transform duration-500\" \/>\n <div class=\"absolute top-6 left-6 z-20\">\n <span class=\"px-4 py-1.5 bg-amber-500 !text-white text-xs font-bold uppercase rounded-full tracking-widest shadow-lg flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\n Cours Accr\u00e9dit\u00e9\n <\/span>\n <\/div>\n <\/div>\n <div class=\"p-8 md:p-10 flex flex-col justify-center\">\n <div class=\"flex items-center gap-2 mb-4 text-xs font-bold !text-amber-400 uppercase tracking-wider\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \n 13 Semaines\n <\/div>\n <h3 class=\"text-2xl md:text-3xl font-bold !text-white mb-4 leading-tight group-hover:!text-amber-400 transition-colors\">Cours de Concepteur P\u00e9dagogique Accr\u00e9dit\u00e9 – COR : 235904<\/h3>\n <p class=\"!text-slate-300 text-base leading-relaxed mb-8 border-b border-white\/10 pb-8\">Cours accr\u00e9dit\u00e9 par le Minist\u00e8re du Travail et le Minist\u00e8re de l’\u00c9ducation. Programme 100% en ligne avec 180 heures d’instruction. Formez-vous en tant que sp\u00e9cialiste e-learning et concevez des programmes \u00e9ducatifs complexes.<\/p>\n <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-y-3 gap-x-6 mb-8\">\n <li class=\"flex items-center text-sm !text-slate-200\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400 mr-2 flex-shrink-0\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Dipl\u00f4me Accr\u00e9dit\u00e9<\/li>\n <li class=\"flex items-center text-sm !text-slate-200\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400 mr-2 flex-shrink-0\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>180 Heures de Formation<\/li>\n <li class=\"flex items-center text-sm !text-slate-200\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-amber-400 mr-2 flex-shrink-0\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>Comp\u00e9tences E-learning<\/li>\n <\/ul>\n <a href=\"https:\/\/www.livresq.com\/en\/curs-acreditat-designer-instructional\" class=\"inline-flex items-center justify-center w-full sm:w-auto px-8 py-4 bg-amber-500 hover:bg-amber-600 !text-white !no-underline font-bold text-sm rounded-lg shadow-lg transition-all duration-300\">\n D\u00e9tails du Programme Accr\u00e9dit\u00e9 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2 transition-transform group-hover:translate-x-1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. WEBINARS SECTION -->\n <section class=\"py-24 bg-white border-t border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 reveal\">\n <h2 class=\"text-4xl font-heading font-black !text-slate-900 mb-4 tracking-tight\">Archives des Webinaires et Tutoriels<\/h2>\n <p class=\"text-xl !text-slate-600 max-w-2xl mx-auto leading-relaxed\">Une liste compl\u00e8te de ressources vid\u00e9o pour vous aider \u00e0 devenir un expert LIVRESQ. L’acc\u00e8s est enti\u00e8rement gratuit.<\/p>\n <\/div>\n\n <div class=\"max-w-xl mx-auto mb-10 relative reveal delay-100\">\n <div class=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none z-10\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-slate-400\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n <\/div>\n <input type=\"text\" id=\"webinar-search\" class=\"block w-full !pl-10 pr-3 py-3 border border-slate-300 rounded-md leading-5 bg-slate-50 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-livresq-fucsia !text-slate-900\" placeholder=\"Rechercher des webinaires par titre ou num\u00e9ro...\"\/>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden reveal delay-200\">\n <div class=\"overflow-x-auto\">\n <table class=\"min-w-full divide-y divide-slate-200\">\n <thead class=\"bg-slate-50\">\n <tr>\n <th class=\"px-6 py-4 text-left text-xs font-bold !text-slate-500 uppercase tracking-wider\">N\u00b0<\/th>\n <th class=\"px-6 py-4 text-left text-xs font-bold !text-slate-500 uppercase tracking-wider\">Date<\/th>\n <th class=\"px-6 py-4 text-left text-xs font-bold !text-slate-500 uppercase tracking-wider\">Sujet<\/th>\n <th class=\"px-6 py-4 text-right text-xs font-bold !text-slate-500 uppercase tracking-wider\">Action<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"webinar-table-body\" class=\"bg-white divide-y divide-slate-200\"><\/tbody>\n <\/table>\n <\/div>\n <div class=\"px-6 py-4 bg-slate-50 border-t border-slate-200 flex justify-between items-center\">\n <span id=\"webinar-count\" class=\"text-sm !text-slate-500\">Chargement…<\/span>\n <a href=\"https:\/\/www.youtube.com\/channel\/UC5QXjexch6DlnScx9CYPTXA\" target=\"_blank\" class=\"text-sm font-bold text-blue-600 hover:text-blue-800 !no-underline flex items-center\">Voir l’archive compl\u00e8te sur YouTube <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-1\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. COMMUNITY SECTION -->\n <section class=\"py-24 bg-midnight bg-grid-overlay relative overflow-hidden spotlight-container\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 reveal\">\n <h2 class=\"text-4xl font-heading font-black !text-white mb-4 tracking-tight\">Communaut\u00e9s LIVRESQ<\/h2>\n <p class=\"text-xl !text-slate-400\">Un endroit pour d\u00e9couvrir de nouvelles fa\u00e7ons d’utiliser LIVRESQ, partag\u00e9es directement par d’autres utilisateurs.<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\n <!-- Card 1 -->\n <div class=\"spotlight-card glass-panel-midnight p-8 rounded-2xl reveal delay-100\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-400 mb-6\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n <h3 class=\"text-2xl font-bold !text-white mb-2\">Sp\u00e9cialistes eLearning<\/h3>\n <p class=\"!text-slate-400 mb-8\">Pour les concepteurs p\u00e9dagogiques et les cr\u00e9ateurs de contenu d’entreprise.<\/p>\n <a href=\"https:\/\/www.linkedin.com\/groups\/8425275\/\" target=\"_blank\" class=\"cta-btn-hover inline-flex items-center justify-center w-full px-6 py-3 bg-[#0077b5] !text-white !no-underline font-bold rounded-md transition-all duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n Rejoindre le groupe LinkedIn\n <\/a>\n <\/div>\n <!-- Card 2 -->\n <div class=\"spotlight-card glass-panel-midnight p-8 rounded-2xl reveal delay-200\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-500 mb-6\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n <h3 class=\"text-2xl font-bold !text-white mb-2\">Enseignants et \u00c9ducateurs<\/h3>\n <p class=\"!text-slate-400 mb-8\">La communaut\u00e9 des \u00e9ducateurs utilisant LIVRESQ en classe.<\/p>\n <a href=\"https:\/\/www.facebook.com\/groups\/271356147081234\" target=\"_blank\" class=\"cta-btn-hover inline-flex items-center justify-center w-full px-6 py-3 bg-[#1877F2] !text-white !no-underline font-bold rounded-md transition-all duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n Rejoindre le groupe Facebook\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. CALL TO ACTION -->\n <section class=\"bg-slate-50 py-24 border-t border-slate-200 text-center relative overflow-hidden\">\n <div class=\"max-w-4xl mx-auto px-4 relative z-10 reveal\">\n <h2 class=\"text-4xl md:text-5xl font-heading font-black !text-slate-900 mb-8\">Utiliser <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-livresq-fucsia to-pink-600\">Gratuitement<\/span><\/h2>\n <p class=\"text-xl !text-slate-600 mb-10 leading-relaxed\">C’est tout ce dont vous avez besoin pour cr\u00e9er et publier des cours et des le\u00e7ons interactives.<br class=\"hidden md:block\"\/>Aucune carte de cr\u00e9dit n’est requise pour utiliser la version gratuite.<\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\n <a href=\"https:\/\/livresq.com\/en\/contul-meu\/\" class=\"cta-btn-hover inline-flex items-center justify-center px-8 py-4 bg-[#D91278] hover:bg-[#b00e60] !text-white !no-underline font-bold text-lg rounded-md shadow-lg shadow-pink-100 transition-all duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"m12 3 1.912 5.886 6.182.006-5.004 3.63 1.914 5.884L12 14.775l-5.004 3.631 1.914-5.884-5.004-3.63 6.182-.006L12 3Z\"\/><\/svg>\n Activer le Compte\n <\/a>\n <a href=\"https:\/\/livresq.com\/en\/pricing\/\" class=\"cta-btn-hover inline-flex items-center justify-center px-8 py-4 bg-white border-2 border-slate-200 !text-slate-700 !no-underline font-bold text-lg rounded-md hover:border-[#D91278] hover:text-[#D91278] transition-all duration-300\">\n Voir les Plans\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ml-2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n document.addEventListener('mousemove', (e) => {\n const cards = document.querySelectorAll('.spotlight-card');\n cards.forEach(card => {\n const rect = card.getBoundingClientRect();\n card.style.setProperty('--mouse-x', `${e.clientX - rect.left}px`);\n card.style.setProperty('--mouse-y', `${e.clientY - rect.top}px`);\n });\n });\n\n const webinarsData = [\n { id: 34, date: \"27 F\u00e9v 2025\", title: \"Rendez vos images et textes interactifs avec LIVRESQ !\", link: \"https:\/\/youtu.be\/J7Fb6on9wVA\" },\n { id: 33, date: \"13 F\u00e9v 2025\", title: \"Rendez vos le\u00e7ons num\u00e9riques accessibles \u00e0 tous !\", link: \"https:\/\/youtu.be\/t2mJ6A_vxi0\" },\n { id: 32, date: \"30 Janv 2025\", title: \"Ma\u00eetriser le texte dans LIVRESQ : \u00c9dition avanc\u00e9e et int\u00e9gration de l'IA\", link: \"https:\/\/youtu.be\/YpkXTJFTNIg\" },\n { id: 31, date: \"16 Janv 2025\", title: \"Apprenez \u00e0 marquer vos cours dans LIVRESQ\", link: \"https:\/\/youtu.be\/x1LK2sVSN7Q\" },\n { id: 30, date: \"19 D\u00e9c 2024\", title: \"Comment rendre vos cours plus conviviaux ?\", link: \"https:\/\/youtu.be\/MqMYsgX1LBY\" },\n { id: 29, date: \"5 D\u00e9c 2024\", title: \"Introduction d'une nouvelle fonctionnalit\u00e9 dans LIVRESQ : Certificats t\u00e9l\u00e9chargeables maintenant disponibles\", link: \"https:\/\/youtu.be\/XkvLoIXRTCg\" },\n { id: 28, date: \"21 Nov 2024\", title: \"Int\u00e9grez facilement des projets Scratch dans vos cours e-learning !\", link: \"https:\/\/youtu.be\/AgybP8bydLA\" },\n { id: 27, date: \"7 Nov 2024\", title: \"Lib\u00e9rez la puissance de la synth\u00e8se vocale dans vos projets LIVRESQ !\", link: \"https:\/\/youtu.be\/1hyEQ13nonY\" },\n { id: 26, date: \"24 Oct 2024\", title: \"Comment travailler ensemble avec votre \u00e9quipe dans LIVRESQ ?\", link: \"https:\/\/youtu.be\/JL__Cqpb7H4\" },\n { id: 25, date: \"10 Oct 2024\", title: \"Introduction de la nouvelle fonctionnalit\u00e9 dans LIVRESQ : Banques de questions\", link: \"https:\/\/youtu.be\/YjC9Y_y0LeE\" },\n { id: 24, date: \"26 Sept 2024\", title: \"Nouvelles fonctionnalit\u00e9s IA\", link: \"https:\/\/youtu.be\/SWcgOB_XzRE\" },\n { id: 23, date: \"12 Sept 2024\", title: \"Apprenez \u00e0 ajouter et modifier facilement des images dans LIVRESQ !\", link: \"https:\/\/youtu.be\/z_SRT2SmCI0\" },\n { id: 22, date: \"29 Ao\u00fbt 2024\", title: \"Commencez \u00e0 cr\u00e9er vos cours dans LIVRESQ avec des mod\u00e8les pr\u00eats \u00e0 l'emploi !\", link: \"https:\/\/youtu.be\/HZ7g-ST5KjU\" },\n { id: 21, date: \"1 Ao\u00fbt 2024\", title: \"Lib\u00e9rez tout le potentiel des vid\u00e9os dans vos le\u00e7ons avec ces conseils utiles !\", link: \"https:\/\/youtu.be\/EbN_jBZcbGk\" },\n { id: 20, date: \"18 Juil 2024\", title: \"Rendez vos le\u00e7ons engageantes et interactives avec ces conseils !\", link: \"https:\/\/youtu.be\/YXtSvXR5m-A\" },\n { id: 19, date: \"4 Juil 2024\", title: \"D\u00e9couvrez les derni\u00e8res mises \u00e0 jour des quiz avec LIVRESQ !\", link: \"https:\/\/youtu.be\/tb_O3j1ZeVs\" },\n { id: 18, date: \"20 Juin 2024\", title: \"D\u00e9couvrez l'avenir de l'enseignement num\u00e9rique avec notre g\u00e9n\u00e9rateur d'images IA\", link: \"https:\/\/youtu.be\/hiYtbzANsFA\" },\n { id: 17, date: \"6 Juin 2024\", title: \"Exploitez la puissance des images dans vos cours num\u00e9riques\", link: \"https:\/\/youtu.be\/sDKI7aRYk0Y\" },\n { id: 16, date: \"23 Mai 2024\", title: \"D\u00e9couvrez les multiples fa\u00e7ons de cr\u00e9er des le\u00e7ons e-learning engageantes\", link: \"https:\/\/youtu.be\/QRW1T0bGxL8\" },\n { id: 15, date: \"9 Mai 2024\", title: \"Comment exporter des projets avec des m\u00e9tadonn\u00e9es compl\u00e8tes ?\", link: \"https:\/\/youtu.be\/5eB48zpRyuY\" },\n { id: 14, date: \"25 Avr 2024\", title: \"Apprenez \u00e0 d\u00e9finir les pr\u00e9f\u00e9rences g\u00e9n\u00e9rales de vos projets dans LIVRESQ\", link: \"https:\/\/youtu.be\/3uey_DtTzrY\" },\n { id: 13, date: \"11 Avr 2024\", title: \"Apprenez \u00e0 organiser vos le\u00e7ons efficacement en utilisant des signets\", link: \"https:\/\/youtu.be\/ocDk6ukzTfo\" },\n { id: 12, date: \"28 Mar 2024\", title: \"Comment ajouter diverses ressources interactives dans les le\u00e7ons LIVRESQ ?\", link: \"https:\/\/youtu.be\/MlwsPAJKFzw\" },\n { id: 11, date: \"14 Mar 2024\", title: \"Guidez les progr\u00e8s de vos \u00e9l\u00e8ves\", link: \"https:\/\/youtu.be\/L-MZ-hgZfr4\" },\n { id: 10, date: \"29 F\u00e9v 2024\", title: \"Int\u00e9gration d'applications externes et de ressources interactives directement dans LIVRESQ\", link: \"https:\/\/youtu.be\/mhO95k03dMs\" },\n { id: 9, date: \"15 F\u00e9v 2024\", title: \"Passez vos le\u00e7ons au niveau sup\u00e9rieur avec des vid\u00e9os et des images d'archives !\", link: \"https:\/\/youtu.be\/lzL9Q2Q7YRA\" },\n { id: 8, date: \"1 F\u00e9v 2024\", title: \"Pr\u00e9sentation du g\u00e9n\u00e9rateur de le\u00e7ons IA LIVRESQ\", link: \"https:\/\/youtu.be\/uP1oKWZRLt4\" },\n { id: 7, date: \"18 Janv 2024\", title: \"Ce que nous avons pr\u00e9par\u00e9 pour le BETT\", link: \"https:\/\/youtu.be\/-jjSLDBuUBY\" },\n { id: 6, date: \"7 D\u00e9c 2023\", title: \"Plong\u00e9e dans le monde des quiz\", link: \"https:\/\/youtu.be\/IioYCSF7l4s\" },\n { id: 5, date: \"23 Nov 2023\", title: \"Am\u00e9liorez l'apprentissage avec des quiz vid\u00e9o interactifs\", link: \"https:\/\/youtu.be\/iuReASD55w0\" },\n { id: 4, date: \"9 Nov 2023\", title: \"Ajoutez des photos d'archives directement depuis LIVRESQ\", link: \"https:\/\/youtu.be\/l_zwaUdlSpM\" },\n { id: 3, date: \"26 Oct 2023\", title: \"Concevez, planifiez et structurez votre contenu eLearning\", link: \"https:\/\/youtu.be\/1xaD6kZrEAk\" },\n { id: 2, date: \"12 Oct 2023\", title: \"LIVRESQ : Renforcez votre enseignement ! IA dans l'\u00e9ducation : Trucs et astuces\", link: \"https:\/\/youtu.be\/_FzaIw0u83M\" },\n { id: 1, date: \"28 Sept 2023\", title: \"LIVRESQ : Renforcez votre enseignement !\", link: \"https:\/\/youtu.be\/uHLNX7nu8iA\" }\n ];\n\n const tableBody = document.getElementById('webinar-table-body');\n const searchInput = document.getElementById('webinar-search');\n const countLabel = document.getElementById('webinar-count');\n\n function renderWebinars(filter = '') {\n const filtered = webinarsData.filter(w => w.title.toLowerCase().includes(filter.toLowerCase()) || w.id.toString().includes(filter));\n countLabel.textContent = `Affichage de ${filtered.length} webinaires`;\n tableBody.innerHTML = filtered.map(w => `\n <tr>\n <td class=\"px-6 py-4 text-sm font-medium !text-slate-900\">#${w.id}<\/td>\n <td class=\"px-6 py-4 text-sm !text-slate-500\">\n <div class=\"flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-slate-400\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n ${w.date}\n <\/div>\n <\/td>\n <td class=\"px-6 py-4 text-sm !text-slate-700 font-medium\">${w.title}<\/td>\n <td class=\"px-6 py-4 text-right\">\n <a href=\"${w.link}\" target=\"_blank\" class=\"watch-btn-hover inline-flex items-center px-4 py-2 border border-[#D91278] text-[#D91278] hover:bg-[#D91278] hover:text-white text-xs font-bold rounded-md !no-underline transition-all\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\n Regarder\n <\/a>\n <\/td>\n <\/tr>\n `).join('');\n }\n renderWebinars();\n searchInput.addEventListener('input', (e) => renderWebinars(e.target.value));\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>LIVRESQ – Formation et Ressources CENTRE D’APPRENTISSAGE Formation & Ressources Trouvez des ressources p\u00e9dagogiques cr\u00e9\u00e9es par l’\u00e9quipe LIVRESQ et les membres de notre communaut\u00e9. Explorez les cours et webinaires disponibles. ACAD\u00c9MIE NUM\u00c9RIQUE Cours de Sp\u00e9cialisation Votre parcours complet de l’initiation technique \u00e0 l’expertise certifi\u00e9e en p\u00e9dagogie num\u00e9rique et conception p\u00e9dagogique. Niveau D\u00e9butant 4 Semaines Les […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Training - LIVRESQ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/fr\/formation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Training - LIVRESQ\" \/>\n<meta property=\"og:description\" content=\"LIVRESQ – Formation et Ressources CENTRE D’APPRENTISSAGE Formation & Ressources Trouvez des ressources p\u00e9dagogiques cr\u00e9\u00e9es par l’\u00e9quipe LIVRESQ et les membres de notre communaut\u00e9. Explorez les cours et webinaires disponibles. ACAD\u00c9MIE NUM\u00c9RIQUE Cours de Sp\u00e9cialisation Votre parcours complet de l’initiation technique \u00e0 l’expertise certifi\u00e9e en p\u00e9dagogie num\u00e9rique et conception p\u00e9dagogique. Niveau D\u00e9butant 4 Semaines Les […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/fr\/formation\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T15:18:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/livresq.com\/training\/\",\"url\":\"https:\/\/livresq.com\/training\/\",\"name\":\"Training - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\/\/livresq.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/livresq.com\/training\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/training\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1\",\"datePublished\":\"2019-07-22T13:54:28+00:00\",\"dateModified\":\"2026-02-02T15:18:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/livresq.com\/training\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/livresq.com\/training\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/livresq.com\/training\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/livresq.com\/training\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\/\/livresq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Training\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/livresq.com\/en\/#website\",\"url\":\"https:\/\/livresq.com\/en\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\/\/livresq.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/livresq.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/livresq.com\/en\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\/\/livresq.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formation - LIVRESQ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/livresq.com\/fr\/formation\/","og_locale":"fr_FR","og_type":"article","og_title":"Training - LIVRESQ","og_description":"LIVRESQ – Formation et Ressources CENTRE D’APPRENTISSAGE Formation & Ressources Trouvez des ressources p\u00e9dagogiques cr\u00e9\u00e9es par l’\u00e9quipe LIVRESQ et les membres de notre communaut\u00e9. Explorez les cours et webinaires disponibles. ACAD\u00c9MIE NUM\u00c9RIQUE Cours de Sp\u00e9cialisation Votre parcours complet de l’initiation technique \u00e0 l’expertise certifi\u00e9e en p\u00e9dagogie num\u00e9rique et conception p\u00e9dagogique. Niveau D\u00e9butant 4 Semaines Les […]","og_url":"https:\/\/livresq.com\/fr\/formation\/","og_site_name":"LIVRESQ","article_modified_time":"2026-02-02T15:18:49+00:00","og_image":[{"url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/livresq.com\/training\/","url":"https:\/\/livresq.com\/training\/","name":"Formation - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/training\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/training\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1","datePublished":"2019-07-22T13:54:28+00:00","dateModified":"2026-02-02T15:18:49+00:00","breadcrumb":{"@id":"https:\/\/livresq.com\/training\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/training\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/livresq.com\/training\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2021\/04\/Generic-Bazele-Utiliza%CC%86rii-LIVRESQ.jpg?fit=800%2C450&ssl=1"},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/training\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"Training"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"Outil de cr\u00e9ation eLearning","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Outil de cr\u00e9ation","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":120,"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":484845,"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/pages\/15\/revisions\/484845"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/fr\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}