{"id":82,"date":"2025-01-28T12:00:10","date_gmt":"2025-01-28T11:00:10","guid":{"rendered":"https:\/\/aacces-group.com\/?page_id=82"},"modified":"2026-08-10T11:19:47","modified_gmt":"2026-08-10T10:19:47","slug":"nos-formations","status":"publish","type":"page","link":"https:\/\/aacces-group.com\/en\/nos-formations\/","title":{"rendered":"Our Trainings"},"content":{"rendered":"
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n

NOS <\/span><\/h1>\n

FORMATIONS<\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

AACCES training design<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

L’enseignement par l’exp\u00e9rience<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n

Des formations port\u00e9es par une m\u00e9thodologie immersive et globale qui associe \u00e9troitement les participants \u00e0 la r\u00e9flexion autour de la s\u00e9curit\u00e9 et de ses enjeux.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\ndocument.addEventListener(\u00ab\u00a0DOMContentLoaded\u00a0\u00bb, function () {
\n const accordionHeaders = document.querySelectorAll(\u00ab\u00a0.accordion-header\u00a0\u00bb);
\n const accordionSections = document.querySelectorAll(\u00ab\u00a0.accordion-section\u00a0\u00bb);
\n const images = document.querySelectorAll(\u00ab\u00a0.carousel-image\u00a0\u00bb);<\/p>\n

function updateActiveImage() {
\n let activeIndex = -1;<\/p>\n

\/\/ Find the open accordion section
\n accordionSections.forEach((section, index) => {
\n if (section.classList.contains(\u00ab\u00a0open\u00a0\u00bb)) { \/\/ Adjust based on how your accordion marks open sections
\n activeIndex = index;
\n }
\n });<\/p>\n

\/\/ Update images
\n images.forEach((img, index) => {
\n if (index === activeIndex) {
\n img.style.opacity = \u00ab\u00a01\u00a0\u00bb;
\n img.style.visibility = \u00ab\u00a0visible\u00a0\u00bb;
\n img.style.position = \u00ab\u00a0relative\u00a0\u00bb;
\n } else {
\n img.style.opacity = \u00ab\u00a00\u00a0\u00bb;
\n img.style.visibility = \u00ab\u00a0hidden\u00a0\u00bb;
\n img.style.position = \u00ab\u00a0absolute\u00a0\u00bb;
\n }
\n });
\n }<\/p>\n

\/\/ Attach event listener to each accordion header
\n accordionHeaders.forEach((header, index) => {
\n header.addEventListener(\u00ab\u00a0click\u00a0\u00bb, function () {
\n \/\/ Toggle accordion state (modify as needed for your setup)
\n accordionSections.forEach((section, i) => {
\n if (i === index) {
\n section.classList.toggle(\u00ab\u00a0open\u00a0\u00bb);
\n } else {
\n section.classList.remove(\u00ab\u00a0open\u00a0\u00bb);
\n }
\n });<\/p>\n

setTimeout(updateActiveImage, 300); \/\/ Delay for animation
\n });
\n });<\/p>\n

\/\/ Set initial image visibility
\n updateActiveImage();
\n});\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n