{"id":257,"date":"2026-05-13T15:26:39","date_gmt":"2026-05-13T15:26:39","guid":{"rendered":"https:\/\/fesjc.org\/?page_id=257"},"modified":"2026-06-08T15:06:40","modified_gmt":"2026-06-08T15:06:40","slug":"mediatheques","status":"publish","type":"page","link":"https:\/\/fesjc.org\/en\/mediatheques\/","title":{"rendered":"Media libraries"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"257\" class=\"elementor elementor-257\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac9cd6e e-con-full e-flex e-con e-parent\" data-id=\"ac9cd6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f15c4d elementor-widget elementor-widget-html\" data-id=\"6f15c4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"position:relative; padding:140px 0 100px; overflow:hidden; background-image:url('https:\/\/images.unsplash.com\/photo-1516321497487-e288fb19713f?w=1920&q=80'); background-size:cover; background-position:center;\">\r\n\r\n  <div style=\"position:absolute; inset:0; background:linear-gradient(135deg,rgba(92,37,8,0.92) 0%,rgba(139,58,15,0.85) 100%); z-index:1;\"><\/div>\r\n\r\n  <div class=\"container-fesjc\" style=\"position:relative; z-index:2;\">\r\n    <div style=\"text-align:center; color:#FFFFFF;\">\r\n\r\n      <span style=\"display:inline-block; font-family:'Montserrat',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#E8B84B; margin-bottom:16px;\">\r\n        \u2014 Media Gallery \u2014\r\n      <\/span>\r\n\r\n      <h1 style=\"font-family:'Playfair Display',Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:#FFFFFF; margin-bottom:20px; line-height:1.2;\">\r\n        Our Images &amp; <span style=\"color:#E8B84B; font-style:italic;\">Vid\u00e9os<\/span>\r\n      <\/h1>\r\n\r\n      <div style=\"width:60px; height:3px; background:linear-gradient(90deg,#E8B84B,#C9922A); border-radius:2px; margin:0 auto 24px;\"><\/div>\r\n\r\n      <p style=\"color:rgba(255,255,255,0.85); font-size:1.15rem; max-width:650px; margin:0 auto; line-height:1.8; font-family:'Montserrat',sans-serif;\">\r\n        Discover through images and videos the concrete work of FESJC on the ground in C\u00f4te d\u2019Ivoire.\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32ba557 e-con-full e-flex e-con e-parent\" data-id=\"32ba557\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ad81a elementor-widget elementor-widget-html\" data-id=\"16ad81a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background:#FFFFFF; padding:60px 0 40px; border-bottom:1px solid #E8E0D5;\">\r\n  <div class=\"container-fesjc\">\r\n\r\n    <div style=\"text-align:center; margin-bottom:40px;\">\r\n      <span style=\"display:inline-block; font-family:'Montserrat',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#C9922A; margin-bottom:16px;\">\u2014 Gallery \u2014<\/span>\r\n      <h2 style=\"font-family:'Playfair Display',Georgia,serif; font-size:2.5rem; font-weight:700; color:#1A1A1A; margin-bottom:0;\">\r\n        Our Moments in Pictures\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Filtres -->\r\n    <div style=\"display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:40px;\">\r\n\r\n      <button onclick=\"filterGallery('all'); document.querySelectorAll('.gallery-filter-btn').forEach(b=>{b.style.background='transparent';b.style.color='#8B3A0F';b.style.borderColor='#8B3A0F';}); this.style.background='#8B3A0F'; this.style.color='#FFFFFF'; this.style.borderColor='#8B3A0F';\" class=\"gallery-filter-btn\" style=\"padding:12px 28px; background:#8B3A0F; color:#FFFFFF; border:2px solid #8B3A0F; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease;\">\r\n        All Photos\r\n      <\/button>\r\n\r\n      <button onclick=\"filterGallery('education'); document.querySelectorAll('.gallery-filter-btn').forEach(b=>{b.style.background='transparent';b.style.color='#8B3A0F';b.style.borderColor='#8B3A0F';}); this.style.background='#8B3A0F'; this.style.color='#FFFFFF'; this.style.borderColor='#8B3A0F';\" class=\"gallery-filter-btn\" style=\"padding:12px 28px; background:transparent; color:#8B3A0F; border:2px solid #8B3A0F; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease;\">\r\n        Education\r\n      <\/button>\r\n\r\n      <button onclick=\"filterGallery('humanitaire'); document.querySelectorAll('.gallery-filter-btn').forEach(b=>{b.style.background='transparent';b.style.color='#8B3A0F';b.style.borderColor='#8B3A0F';}); this.style.background='#8B3A0F'; this.style.color='#FFFFFF'; this.style.borderColor='#8B3A0F';\" class=\"gallery-filter-btn\" style=\"padding:12px 28px; background:transparent; color:#8B3A0F; border:2px solid #8B3A0F; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease;\">\r\n         Humanitarian\r\n      <\/button>\r\n\r\n      <button onclick=\"filterGallery('aines'); document.querySelectorAll('.gallery-filter-btn').forEach(b=>{b.style.background='transparent';b.style.color='#8B3A0F';b.style.borderColor='#8B3A0F';}); this.style.background='#8B3A0F'; this.style.color='#FFFFFF'; this.style.borderColor='#8B3A0F';\" class=\"gallery-filter-btn\" style=\"padding:12px 28px; background:transparent; color:#8B3A0F; border:2px solid #8B3A0F; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease;\">\r\nElderly People\r\n      <\/button>\r\n\r\n      <button onclick=\"filterGallery('evenements'); document.querySelectorAll('.gallery-filter-btn').forEach(b=>{b.style.background='transparent';b.style.color='#8B3A0F';b.style.borderColor='#8B3A0F';}); this.style.background='#8B3A0F'; this.style.color='#FFFFFF'; this.style.borderColor='#8B3A0F';\" class=\"gallery-filter-btn\" style=\"padding:12px 28px; background:transparent; color:#8B3A0F; border:2px solid #8B3A0F; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:600; font-size:0.9rem; cursor:pointer; transition:all 0.3s ease;\">\r\n         Events\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction filterGallery(category) {\r\n  const items = document.querySelectorAll('.gallery-item');\r\n  items.forEach(function(item) {\r\n    if (category === 'all' || item.classList.contains(category)) {\r\n      item.style.display = 'block';\r\n      item.style.animation = 'fadeIn 0.5s ease';\r\n    } else {\r\n      item.style.display = 'none';\r\n    }\r\n  });\r\n}\r\n<\/script>\r\n\r\n<style>\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0818716 e-con-full e-flex e-con e-parent\" data-id=\"0818716\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b42595 elementor-widget elementor-widget-html\" data-id=\"5b42595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background:#FDF8F2; padding:30px 0 50px;\">\r\n  <div class=\"container-fesjc\">\r\n\r\n    <div class=\"gallery-grid\" style=\"display:grid; grid-template-columns:repeat(4,1fr); gap:20px;\">\r\n\r\n      <!-- Image 1 - \u00c9ducation -->\r\n      <div class=\"gallery-item education\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80\" alt=\"Enfants en classe\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Education<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">School Supplies Distribution<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 2 - Humanitaire -->\r\n      <div class=\"gallery-item humanitaire\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509099836639-18ba1795216d?w=600&q=80\" alt=\"Distribution alimentaire\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Humanitarian<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Food Package Distribution<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 3 - Personnes \u00c2g\u00e9es -->\r\n      <div class=\"gallery-item aines\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/young-refugee-man-holding-box-while-volunteer-putt-2023-11-27-05-26-33-utc.webp?w=600&q=80\" alt=\"Visite personnes \u00e2g\u00e9es\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Elderly People<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Home Support Visit<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 4 - \u00c9v\u00e9nements -->\r\n      <div class=\"gallery-item evenements\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511632765486-a01980e01a18?w=600&q=80\" alt=\"\u00c9v\u00e9nement communautaire\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Events<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Community Celebration<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 5 - \u00c9ducation -->\r\n      <div class=\"gallery-item education\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503676260728-1c00da094a0b?w=600&q=80\" alt=\"Salle de classe\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Education<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Tutoring Session<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 6 - Humanitaire -->\r\n      <div class=\"gallery-item humanitaire\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469571486292-0ba58a3f068b?w=600&q=80\" alt=\"Aide m\u00e9dicale\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Humanitarian<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Free Medical Consultation<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 7 - Personnes \u00c2g\u00e9es -->\r\n      <div class=\"gallery-item aines\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497620053-ea5300f94f21?w=600&q=80\" alt=\"Soins personnes \u00e2g\u00e9es\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Elderly People<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Meal Distribution<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n      <!-- Image 8 - \u00c9v\u00e9nements -->\r\n      <div class=\"gallery-item evenements\" style=\"position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4\/3; cursor:pointer; box-shadow:0 4px 20px rgba(139,58,15,0.12);\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528605248644-14dd04022da1?w=600&q=80\" alt=\"R\u00e9union \u00e9quipe\" style=\"width:100%; height:100%; object-fit:cover; display:block; transition:all 0.5s ease;\">\r\n        <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(92,37,8,0.9) 0%, transparent 60%); opacity:0; transition:all 0.3s ease; display:flex; align-items:flex-end; padding:20px;\">\r\n          <div style=\"color:#FFFFFF;\">\r\n            <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Events<\/span>\r\n            <p style=\"font-family:'Montserrat',sans-serif; font-size:0.9rem; margin:0;\">Volunteer Team Meeting<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; top:12px; right:12px; width:40px; height:40px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0; transition:all 0.3s ease;\">\ud83d\udd0d<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bouton Charger Plus -->\r\n    <div style=\"text-align:center; margin-top:50px;\">\r\n      <button style=\"background:transparent; color:#8B3A0F; border:2px solid #8B3A0F; padding:16px 48px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.95rem; letter-spacing:0.8px; text-transform:uppercase; cursor:pointer; transition:all 0.3s ease;\" onmouseover=\"this.style.background='#8B3A0F'; this.style.color='#FFFFFF';\" onmouseout=\"this.style.background='transparent'; this.style.color='#8B3A0F';\">\r\n        Load More Photos\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2f9ddc e-con-full e-flex e-con e-parent\" data-id=\"a2f9ddc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cbad26 elementor-widget elementor-widget-html\" data-id=\"8cbad26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background:#FFFFFF; padding:100px 0;\">\r\n  <div class=\"container-fesjc\">\r\n\r\n    <div style=\"text-align:center; max-width:700px; margin:0 auto 60px;\">\r\n      <span style=\"display:inline-block; font-family:'Montserrat',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#C9922A; margin-bottom:16px;\">\u2014 Vid\u00e9os \u2014<\/span>\r\n      <h2 style=\"font-family:'Playfair Display',Georgia,serif; font-size:2.8rem; font-weight:700; color:#1A1A1A; margin-bottom:20px;\">\r\n        Our Video Reports\r\n      <\/h2>\r\n      <div style=\"width:60px; height:3px; background:linear-gradient(90deg,#8B3A0F,#C9922A); border-radius:2px; margin:0 auto;\"><\/div>\r\n    <\/div>\r\n\r\n    <div style=\"display:grid; grid-template-columns:repeat(3,1fr); gap:30px;\">\r\n\r\n      <!-- Vid\u00e9o 1 -->\r\n      <div style=\"position:relative; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(139,58,15,0.12); aspect-ratio:16\/9; cursor:pointer;\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574717024653-61fd2cf4d44d?w=600&q=80\" alt=\"Vid\u00e9o reportage\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\r\n        <div style=\"position:absolute; inset:0; background:rgba(92,37,8,0.4); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;\">\r\n          <div style=\"width:70px; height:70px; background:rgba(201,146,42,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#FFFFFF; box-shadow:0 8px 30px rgba(0,0,0,0.3); transition:all 0.3s ease;\">\u25b6<\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(to top, rgba(92,37,8,0.95), transparent);\">\r\n          <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Reportage<\/span>\r\n          <h4 style=\"font-family:'Playfair Display',Georgia,serif; font-size:1.1rem; color:#FFFFFF; margin:0;\">A Day with Our Volunteers<\/h4>\r\n          <span style=\"font-size:0.8rem; color:rgba(255,255,255,0.7); font-family:'Montserrat',sans-serif;\">5:24 min<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Vid\u00e9o 2 -->\r\n      <div style=\"position:relative; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(139,58,15,0.12); aspect-ratio:16\/9; cursor:pointer;\">\r\n        <img decoding=\"async\" src=\"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/New-Project-2025-04-13T213935.201.jpg?w=600&q=80\" alt=\"Vid\u00e9o t\u00e9moignage\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\r\n        <div style=\"position:absolute; inset:0; background:rgba(92,37,8,0.4); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;\">\r\n          <div style=\"width:70px; height:70px; background:rgba(201,146,42,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#FFFFFF; box-shadow:0 8px 30px rgba(0,0,0,0.3); transition:all 0.3s ease;\">\u25b6<\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(to top, rgba(92,37,8,0.95), transparent);\">\r\n          <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Testimonial<\/span>\r\n          <h4 style=\"font-family:'Playfair Display',Georgia,serif; font-size:1.1rem; color:#FFFFFF; margin:0;\">Marie Shares Her Story<\/h4>\r\n          <span style=\"font-size:0.8rem; color:rgba(255,255,255,0.7); font-family:'Montserrat',sans-serif;\">3:45 min<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Vid\u00e9o 3 -->\r\n      <div style=\"position:relative; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(139,58,15,0.12); aspect-ratio:16\/9; cursor:pointer;\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321497487-e288fb19713f?w=600&q=80\" alt=\"Vid\u00e9o \u00e9v\u00e9nement\" style=\"width:100%; height:100%; object-fit:cover; display:block;\">\r\n        <div style=\"position:absolute; inset:0; background:rgba(92,37,8,0.4); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;\">\r\n          <div style=\"width:70px; height:70px; background:rgba(201,146,42,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#FFFFFF; box-shadow:0 8px 30px rgba(0,0,0,0.3); transition:all 0.3s ease;\">\u25b6<\/div>\r\n        <\/div>\r\n        <div style=\"position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(to top, rgba(92,37,8,0.95), transparent);\">\r\n          <span style=\"font-size:0.7rem; text-transform:uppercase; letter-spacing:2px; color:#E8B84B; display:block; margin-bottom:6px;\">Event<\/span>\r\n          <h4 style=\"font-family:'Playfair Display',Georgia,serif; font-size:1.1rem; color:#FFFFFF; margin:0;\">Award Ceremony<\/h4>\r\n          <span style=\"font-size:0.8rem; color:rgba(255,255,255,0.7); font-family:'Montserrat',sans-serif;\">8:12 min<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div style=\"text-align:center; margin-top:50px;\">\r\n      <a href=\"#\" style=\"display:inline-block; background:#8B3A0F; color:#FFFFFF; padding:16px 48px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.95rem; letter-spacing:0.8px; text-transform:uppercase; text-decoration:none; box-shadow:0 4px 20px rgba(139,58,15,0.3);\">\r\n        View All Videos \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24466f0 e-con-full e-flex e-con e-parent\" data-id=\"24466f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ea908 elementor-widget elementor-widget-html\" data-id=\"b6ea908\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background:linear-gradient(135deg,#5C2508,#8B3A0F); padding:100px 0;\">\r\n  <div class=\"container-fesjc\">\r\n    <div style=\"max-width:800px; margin:0 auto; text-align:center;\">\r\n\r\n      <span style=\"display:inline-block; font-family:'Montserrat',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#E8B84B; margin-bottom:16px;\">\u2014 Share \u2014<\/span>\r\n\r\n      <h2 style=\"font-family:'Playfair Display',Georgia,serif; font-size:3rem; font-weight:700; color:#FFFFFF; margin-bottom:20px; line-height:1.2;\">\r\n        Share Our Story\r\n      <\/h2>\r\n\r\n      <div style=\"width:60px; height:3px; background:linear-gradient(90deg,#E8B84B,rgba(255,255,255,0.5)); border-radius:2px; margin:0 auto 30px;\"><\/div>\r\n\r\n      <p style=\"color:rgba(255,255,255,0.85); font-size:1.1rem; line-height:1.8; font-family:'Montserrat',sans-serif; margin-bottom:44px;\">\r\n        Help us spread awareness of our mission by sharing these images and videos on your social media. Every share matters!\r\n      <\/p>\r\n\r\n      <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\r\n\r\n        <a href=\"#\" style=\"display:inline-flex; align-items:center; gap:10px; background:#1877F2; color:#FFFFFF; padding:14px 28px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; text-decoration:none; transition:all 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 20px rgba(24,119,242,0.4)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='none';\">\r\n           Facebook\r\n        <\/a>\r\n\r\n        <a href=\"#\" style=\"display:inline-flex; align-items:center; gap:10px; background:#E4405F; color:#FFFFFF; padding:14px 28px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; text-decoration:none; transition:all 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 20px rgba(228,64,95,0.4)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='none';\">\r\n           Instagram\r\n        <\/a>\r\n\r\n        <a href=\"#\" style=\"display:inline-flex; align-items:center; gap:10px; background:#0077B5; color:#FFFFFF; padding:14px 28px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; text-decoration:none; transition:all 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 20px rgba(0,119,181,0.4)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='none';\">\r\n           LinkedIn\r\n        <\/a>\r\n\r\n        <a href=\"#\" style=\"display:inline-flex; align-items:center; gap:10px; background:#1DA1F2; color:#FFFFFF; padding:14px 28px; border-radius:50px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; text-decoration:none; transition:all 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 20px rgba(29,161,242,0.4)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='none';\">\r\n           Twitter\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2014 M\u00e9diath\u00e8que \u2014 Nos Images &#038; Vid\u00e9os D\u00e9couvrez en images et en vid\u00e9os le travail concret de la FESJC sur [&hellip;]<\/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":{"give_campaign_id":0,"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-257","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>M\u00e9diath\u00e8ques -<\/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:\/\/fesjc.org\/en\/mediatheques\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"M\u00e9diath\u00e8ques -\" \/>\n<meta property=\"og:description\" content=\"\u2014 M\u00e9diath\u00e8que \u2014 Nos Images &#038; Vid\u00e9os D\u00e9couvrez en images et en vid\u00e9os le travail concret de la FESJC sur [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fesjc.org\/en\/mediatheques\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T15:06:40+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/\",\"url\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/\",\"name\":\"M\u00e9diath\u00e8ques -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fesjc.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/fesjc.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80\",\"datePublished\":\"2026-05-13T15:26:39+00:00\",\"dateModified\":\"2026-06-08T15:06:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/#primaryimage\",\"url\":\"http:\\\/\\\/fesjc.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80\",\"contentUrl\":\"http:\\\/\\\/fesjc.org\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fesjc.org\\\/mediatheques\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fesjc.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"M\u00e9diath\u00e8ques\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fesjc.org\\\/#website\",\"url\":\"https:\\\/\\\/fesjc.org\\\/\",\"name\":\"\",\"description\":\"Apporter l&#039;espoir, la dignit\u00e9 et l&#039;amour \u00e0 chaque enfant\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fesjc.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"M\u00e9diath\u00e8ques -","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:\/\/fesjc.org\/en\/mediatheques\/","og_locale":"en_US","og_type":"article","og_title":"M\u00e9diath\u00e8ques -","og_description":"\u2014 M\u00e9diath\u00e8que \u2014 Nos Images &#038; Vid\u00e9os D\u00e9couvrez en images et en vid\u00e9os le travail concret de la FESJC sur [&hellip;]","og_url":"https:\/\/fesjc.org\/en\/mediatheques\/","article_modified_time":"2026-06-08T15:06:40+00:00","og_image":[{"url":"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fesjc.org\/mediatheques\/","url":"https:\/\/fesjc.org\/mediatheques\/","name":"M\u00e9diath\u00e8ques -","isPartOf":{"@id":"https:\/\/fesjc.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fesjc.org\/mediatheques\/#primaryimage"},"image":{"@id":"https:\/\/fesjc.org\/mediatheques\/#primaryimage"},"thumbnailUrl":"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80","datePublished":"2026-05-13T15:26:39+00:00","dateModified":"2026-06-08T15:06:40+00:00","breadcrumb":{"@id":"https:\/\/fesjc.org\/mediatheques\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fesjc.org\/mediatheques\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fesjc.org\/mediatheques\/#primaryimage","url":"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80","contentUrl":"http:\/\/fesjc.org\/wp-content\/uploads\/2026\/05\/cropped-corporate-of-volunteer-workers-and-a-group-2025-04-06-08-16-49-utc.webp?w=600&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/fesjc.org\/mediatheques\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fesjc.org\/"},{"@type":"ListItem","position":2,"name":"M\u00e9diath\u00e8ques"}]},{"@type":"WebSite","@id":"https:\/\/fesjc.org\/#website","url":"https:\/\/fesjc.org\/","name":"","description":"Apporter l&#039;espoir, la dignit\u00e9 et l&#039;amour \u00e0 chaque enfant","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fesjc.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"campaignId":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":20,"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":548,"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/pages\/257\/revisions\/548"}],"wp:attachment":[{"href":"https:\/\/fesjc.org\/en\/wp-json\/wp\/v2\/media?parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}