{"id":5629,"date":"2026-06-13T15:46:20","date_gmt":"2026-06-13T15:46:20","guid":{"rendered":"http:\/\/valostones.com\/?page_id=5629"},"modified":"2026-06-13T15:46:36","modified_gmt":"2026-06-13T15:46:36","slug":"third-annual-meeting","status":"publish","type":"page","link":"http:\/\/valostones.com\/fr\/third-annual-meeting\/","title":{"rendered":"Third Annual Meeting"},"content":{"rendered":"
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Third Annual Meeting - VALOstones Project<\/title>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n background: linear-gradient(135deg, #f8fdf9 0%, #e8f5ea 100%);\r\n min-height: 100vh;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* WordPress Widget Compatibility *\/\r\n .widget-content {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .full-width-hero {\r\n margin-left: calc(-50vw + 50%) !important;\r\n margin-right: calc(-50vw + 50%) !important;\r\n width: 100vw !important;\r\n max-width: none !important;\r\n }\r\n\r\n .hero-section.full-width-hero {\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n }\r\n\r\n .hero-section {\r\n position: relative;\r\n height: 70vh;\r\n margin: 0;\r\n padding: 0;\r\n background: linear-gradient(135deg, rgba(19, 112, 30, 0.7), rgba(26, 138, 38, 0.6)),\r\n url('http:\/\/valostones.com\/wp-content\/uploads\/2026\/06\/Cette-ville-a-45-minutes-de-Montpellier-est-la-perle-Mediterraneenne-a-ne-pas-manquer-cet-ete-1.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n padding: 0 20px;\r\n z-index: 2;\r\n position: relative;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n animation: fadeInUp 1s ease-out;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n opacity: 0.95;\r\n animation: fadeInUp 1s ease-out 0.3s both;\r\n }\r\n\r\n .hero-date {\r\n font-size: 1.1rem;\r\n padding: 12px 25px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50px;\r\n display: inline-block;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n animation: fadeInUp 1s ease-out 0.6s both;\r\n }\r\n\r\n .hero-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: none;\r\n opacity: 0.1;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 60px 20px;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: #13701e;\r\n margin-bottom: 20px;\r\n font-weight: 700;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #13701e, #1a8a26);\r\n border-radius: 2px;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ---------- Information section ---------- *\/\r\n .information-section {\r\n padding: 80px 0;\r\n background: linear-gradient(135deg, #f8fdf9 0%, #e8f5ea 100%);\r\n }\r\n\r\n .info-row {\r\n display: grid;\r\n grid-template-columns: 45% 55%;\r\n gap: 60px;\r\n align-items: start;\r\n }\r\n\r\n .pdf-viewer-container {\r\n position: sticky;\r\n top: 30px;\r\n }\r\n\r\n .pdf-viewer {\r\n background: white;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 50px rgba(19, 112, 30, 0.15);\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .pdf-viewer:hover {\r\n border-color: #13701e;\r\n transform: translateY(-5px);\r\n box-shadow: 0 25px 60px rgba(19, 112, 30, 0.2);\r\n }\r\n\r\n .pdf-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 25px 30px;\r\n background: linear-gradient(135deg, #13701e, #1a8a26);\r\n color: white;\r\n }\r\n\r\n .pdf-header h3 {\r\n margin: 0;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n }\r\n\r\n .download-btn {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n text-decoration: none;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .download-btn:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .pdf-page-container {\r\n position: relative;\r\n height: 600px;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-page {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: perspective(1000px) rotateY(-30deg) translateX(-100%);\r\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n transform-origin: left center;\r\n }\r\n\r\n .pdf-page.active {\r\n opacity: 1;\r\n transform: perspective(1000px) rotateY(0deg) translateX(0);\r\n }\r\n\r\n .pdf-page.next {\r\n transform: perspective(1000px) rotateY(30deg) translateX(100%);\r\n }\r\n\r\n .page-content {\r\n width: 100%;\r\n height: 100%;\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .page-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n color: white;\r\n padding: 15px;\r\n transform: translateY(100%);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .pdf-page:hover .page-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .page-number {\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .pdf-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 20px;\r\n background: #f8fdf9;\r\n }\r\n\r\n .pdf-btn {\r\n background: linear-gradient(135deg, #13701e, #1a8a26);\r\n color: white;\r\n border: none;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .pdf-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 5px 15px rgba(19, 112, 30, 0.3);\r\n }\r\n\r\n .pdf-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .page-info {\r\n font-weight: 600;\r\n color: #13701e;\r\n font-size: 1rem;\r\n }\r\n\r\n .description-container {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 50px;\r\n box-shadow: 0 15px 40px rgba(19, 112, 30, 0.1);\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .description-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #13701e, #1a8a26, #2fb344);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .description-container:hover {\r\n border-color: #13701e;\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 50px rgba(19, 112, 30, 0.15);\r\n }\r\n\r\n .description-container:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .description-title {\r\n font-size: 2.2rem;\r\n color: #13701e;\r\n font-weight: 700;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .intro-text p {\r\n font-size: 1.1rem;\r\n line-height: 1.7;\r\n color: #555;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .project-focus {\r\n background: linear-gradient(135deg, #f8fdf9, #e8f5ea);\r\n padding: 30px;\r\n border-radius: 15px;\r\n margin: 30px 0;\r\n border-left: 4px solid #13701e;\r\n }\r\n\r\n .project-focus h3 {\r\n color: #13701e;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .project-focus p {\r\n color: #666;\r\n line-height: 1.6;\r\n }\r\n\r\n .meeting-highlights {\r\n margin: 40px 0;\r\n }\r\n\r\n .meeting-highlights h3 {\r\n color: #13701e;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .highlight-item {\r\n background: #f8fdf9;\r\n padding: 25px;\r\n border-radius: 15px;\r\n margin-bottom: 20px;\r\n border: 1px solid #e8f5ea;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .highlight-item:hover {\r\n transform: translateX(10px);\r\n box-shadow: 0 10px 30px rgba(19, 112, 30, 0.1);\r\n }\r\n\r\n .highlight-item h4 {\r\n color: #13701e;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .highlight-item h4 i {\r\n font-size: 1rem;\r\n }\r\n\r\n .highlight-item p {\r\n color: #666;\r\n line-height: 1.6;\r\n margin-bottom: 0;\r\n }\r\n\r\n .info-block {\r\n background: linear-gradient(135deg, #f0f9f0, #e6f3e6);\r\n padding: 30px;\r\n border-radius: 15px;\r\n margin: 30px 0;\r\n border: 1px solid #d4edda;\r\n }\r\n\r\n .info-block h3 {\r\n color: #13701e;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .info-block p {\r\n color: #155724;\r\n line-height: 1.7;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .info-block a {\r\n color: #13701e;\r\n font-weight: 600;\r\n text-decoration: none;\r\n }\r\n\r\n .info-block a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .contact-list {\r\n list-style: none;\r\n margin-top: 10px;\r\n }\r\n\r\n .contact-list li {\r\n color: #155724;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .hashtags-section {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 30px;\r\n padding-top: 30px;\r\n border-top: 1px solid #eee;\r\n }\r\n\r\n .hashtag {\r\n background: #13701e;\r\n color: white;\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .hashtag:hover {\r\n background: #1a8a26;\r\n transform: translateY(-2px);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .info-row {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .pdf-viewer-container {\r\n position: relative;\r\n top: auto;\r\n }\r\n\r\n .description-container {\r\n padding: 35px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .pdf-page-container {\r\n height: 400px;\r\n }\r\n\r\n .description-container {\r\n padding: 25px;\r\n }\r\n\r\n .description-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hashtags-section {\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <!-- ============ HERO ============ -->\r\n <div class=\"hero-section full-width-hero\" id=\"heroSection\">\r\n <div class=\"hero-bg-pattern\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Third Annual Assembly<\/h1>\r\n <p class=\"hero-subtitle\">VALOstones Project<\/p>\r\n <div class=\"hero-date\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n Friday, 19 June 2026 \u2022 Montpellier, France\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ============ INFORMATION + PDF ============ -->\r\n <div class=\"information-section\">\r\n <div class=\"container\">\r\n <div class=\"info-row\">\r\n <!-- PDF VIEWER -->\r\n <div class=\"pdf-viewer-container\">\r\n <div class=\"pdf-viewer\" id=\"pdfViewer\">\r\n <div class=\"pdf-header\">\r\n <h3>Meeting Agenda<\/h3>\r\n <a href=\"http:\/\/valostones.com\/wp-content\/uploads\/2026\/06\/Agenda_TAM_Montpellier.pdf\" target=\"_blank\" class=\"download-btn\">\r\n <i class=\"fas fa-download\"><\/i> Download\r\n <\/a>\r\n <\/div>\r\n <div class=\"pdf-display\">\r\n <div class=\"pdf-page-container\">\r\n <div class=\"pdf-page active\" data-page=\"1\">\r\n <div class=\"page-content\">\r\n <iframe loading=\"lazy\" src=\"http:\/\/valostones.com\/wp-content\/uploads\/2026\/06\/Agenda_TAM_Montpellier.pdf#page=1\"\r\n width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe>\r\n <\/div>\r\n <div class=\"page-overlay\">\r\n <div class=\"page-number\">Page 1<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pdf-controls\">\r\n <button class=\"pdf-btn\" id=\"prevPage\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/button>\r\n <div class=\"page-info\">\r\n <span id=\"currentPage\">1<\/span> \/ <span id=\"totalPages\">--<\/span>\r\n <\/div>\r\n <button class=\"pdf-btn\" id=\"nextPage\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- DESCRIPTION -->\r\n <div class=\"description-container\">\r\n <div class=\"description-content\">\r\n <h2 class=\"description-title\">VALOstones Third Annual Assembly<\/h2>\r\n\r\n <div class=\"intro-text\">\r\n <p>The VALOstones consortium will gather for its <strong>Third Annual Assembly<\/strong> on\r\n <strong>Friday, 19 June 2026<\/strong>, at the Institut Europ\u00e9en des Membranes (IEM),\r\n Universit\u00e9 de Montpellier, France.<\/p>\r\n\r\n <p>This assembly marks the final annual meeting of the VALOstones project before its\r\n completion. It will provide an overview of the activities and achievements accomplished\r\n during the third year, assess progress toward the project objectives, and discuss the\r\n final implementation phase and future perspectives.<\/p>\r\n\r\n <p>The meeting will also offer a valuable opportunity to strengthen collaboration and\r\n engage with stakeholders, policymakers, researchers, students, and representatives from\r\n the agri-food, pharmaceutical, and cosmeceutical industries.<\/p>\r\n <\/div>\r\n\r\n <div class=\"project-focus\">\r\n <h3>About the Project<\/h3>\r\n <p>VALOstones is a PRIMA-funded project supported by the European Union and financed by\r\n the national funding bodies of Tunisia, Italy, France, Morocco and Turkey for the period\r\n 2023\u20132026. The consortium brings together seven partners from six countries. Its overall\r\n objective is to unlock new opportunities for the sustainable valorization of olive stone\r\n biomass in the Mediterranean region by developing innovative, high added-value products\r\n for the food, pharmaceutical and cosmetic sectors.<\/p>\r\n <\/div>\r\n\r\n <div class=\"meeting-highlights\">\r\n <h3>Programme Highlights<\/h3>\r\n\r\n <div class=\"highlight-item\">\r\n <h4><i class=\"fas fa-microphone\"><\/i> Welcome & Project Overview<\/h4>\r\n <p>The day opens with registration and welcome speeches from Julien Cambedouzou\r\n (Vice Director of the School of Chemistry of Montpellier) and Hana Maalej (Coordinator\r\n of the VALOstones Project), followed by a general overview of the project.<\/p>\r\n <\/div>\r\n\r\n <div class=\"highlight-item\">\r\n <h4><i class=\"fas fa-layer-group\"><\/i> Work Packages: Results & Future Activities<\/h4>\r\n <p>Throughout the day, partners will present the results and upcoming activities of all\r\n work packages \u2014 from the collection and characterization of olive stone powder to the\r\n development of biopolymers, antioxidants, active ingredients, technology transfer and\r\n socio-economic-environmental assessment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"highlight-item\">\r\n <h4><i class=\"fas fa-flask\"><\/i> Guided Visit of the IEM<\/h4>\r\n <p>After lunch, participants are invited to an excursion and guided visit of the\r\n Institut Europ\u00e9en des Membranes, before the afternoon sessions and concluding remarks.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h3><i class=\"fas fa-map-marker-alt\"><\/i> Venue<\/h3>\r\n <p>Institut Europ\u00e9en des Membranes (Salle de Conf\u00e9rences)<br>\r\n 300 avenue du Professeur Emile Jeanbrau<br>\r\n University of Montpellier, 34090 Montpellier, France<\/p>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h3><i class=\"fas fa-info-circle\"><\/i> Tourist & Practical Information<\/h3>\r\n <p>Montpellier is a Mediterranean city that blends medieval charm with a lively, modern\r\n vibe. It is famous for landmarks such as Place de la Com\u00e9die, Promenade du Peyrou,\r\n Montpellier Cathedral, and the oldest European Faculty of Medicine. Participants may also\r\n enjoy nearby beaches, sunny weather, and the pink flamingos in the surrounding ponds.<\/p>\r\n <p>More information:\r\n <a href=\"https:\/\/www.montpellier-tourisme.fr\/\" target=\"_blank\">montpellier-tourisme.fr<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"info-block\">\r\n <h3><i class=\"fas fa-envelope\"><\/i> Contacts<\/h3>\r\n <ul class=\"contact-list\">\r\n <li>Suming Li \u2014 <a href=\"mailto:su-ming.li@umontpellier.fr\">su-ming.li@umontpellier.fr<\/a><\/li>\r\n <li>Hana Maalej \u2014 <a href=\"mailto:hana.maalej@univgb.tn\">hana.maalej@univgb.tn<\/a><\/li>\r\n <li><a href=\"mailto:valostones.2023@gmail.com\">valostones.2023@gmail.com<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"hashtags-section\">\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/valostones\" target=\"_blank\" class=\"hashtag\">#VALOstones<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/prima\" target=\"_blank\" class=\"hashtag\">#PRIMA<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/mediterraneansustainability\" target=\"_blank\" class=\"hashtag\">#MediterraneanSustainability<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/hashtag\/europeanunion\" target=\"_blank\" class=\"hashtag\">#EuropeanUnion<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ============ PDF VIEWER SCRIPT ============ -->\r\n <script>\r\n class PDFViewer {\r\n constructor() {\r\n this.currentPage = 1;\r\n\r\n \/\/ ====== TO CONFIGURE ======\r\n \/\/ Total number of pages in the PDF\r\n this.totalPages = 5;\r\n \/\/ PDF URL\r\n this.pdfUrl = 'http:\/\/valostones.com\/wp-content\/uploads\/2026\/06\/Agenda_TAM_Montpellier.pdf';\r\n \/\/ ==========================\r\n\r\n this.isAnimating = false;\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.createPages();\r\n this.setupControls();\r\n this.updatePageInfo();\r\n this.updateControls();\r\n }\r\n\r\n createPages() {\r\n const container = document.querySelector('.pdf-page-container');\r\n container.querySelector('.pdf-page iframe').src = `${this.pdfUrl}#page=1`;\r\n\r\n for (let i = 2; i <= this.totalPages; i++) {\r\n const page = document.createElement('div');\r\n page.className = 'pdf-page';\r\n page.setAttribute('data-page', i);\r\n page.innerHTML = `\r\n <div class=\"page-content\">\r\n <iframe loading=\"lazy\" src=\"${this.pdfUrl}#page=${i}\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe>\r\n <\/div>\r\n <div class=\"page-overlay\">\r\n <div class=\"page-number\">Page ${i}<\/div>\r\n <\/div>`;\r\n container.appendChild(page);\r\n }\r\n this.pages = document.querySelectorAll('.pdf-page');\r\n }\r\n\r\n setupControls() {\r\n document.getElementById('prevPage').addEventListener('click', () => this.previousPage());\r\n document.getElementById('nextPage').addEventListener('click', () => this.nextPage());\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'ArrowLeft') this.previousPage();\r\n if (e.key === 'ArrowRight') this.nextPage();\r\n });\r\n }\r\n\r\n updatePage() {\r\n if (this.isAnimating) return;\r\n this.isAnimating = true;\r\n\r\n this.pages.forEach((page, index) => {\r\n const pageNumber = index + 1;\r\n page.classList.remove('active', 'next');\r\n if (pageNumber === this.currentPage) {\r\n page.classList.add('active');\r\n } else if (pageNumber > this.currentPage) {\r\n page.classList.add('next');\r\n }\r\n });\r\n\r\n this.updatePageInfo();\r\n this.updateControls();\r\n setTimeout(() => { this.isAnimating = false; }, 800);\r\n }\r\n\r\n updatePageInfo() {\r\n document.getElementById('currentPage').textContent = this.currentPage;\r\n document.getElementById('totalPages').textContent = this.totalPages;\r\n }\r\n\r\n updateControls() {\r\n document.getElementById('prevPage').disabled = this.currentPage === 1;\r\n document.getElementById('nextPage').disabled = this.currentPage === this.totalPages;\r\n }\r\n\r\n nextPage() {\r\n if (this.currentPage < this.totalPages && !this.isAnimating) {\r\n this.currentPage++;\r\n this.updatePage();\r\n }\r\n }\r\n\r\n previousPage() {\r\n if (this.currentPage > 1 && !this.isAnimating) {\r\n this.currentPage--;\r\n this.updatePage();\r\n }\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n new PDFViewer();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Third Annual Meeting – VALOstones Project Third Annual Assembly VALOstones Project Friday, 19 June 2026 \u2022 Montpellier, France Meeting Agenda Download Page 1 1 \/ — VALOstones Third Annual Assembly …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/valostones.com\/fr\/third-annual-meeting\/\"> <span class=\"screen-reader-text\">Third Annual Meeting<\/span> Lire la suite\u00a0\u00bb<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_piecal_is_event":false,"_piecal_start_date":"","_piecal_end_date":"","_piecal_is_allday":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-5629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/pages\/5629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/comments?post=5629"}],"version-history":[{"count":3,"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/pages\/5629\/revisions"}],"predecessor-version":[{"id":5634,"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/pages\/5629\/revisions\/5634"}],"wp:attachment":[{"href":"http:\/\/valostones.com\/fr\/wp-json\/wp\/v2\/media?parent=5629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}