{"id":11024,"date":"2025-06-11T15:45:46","date_gmt":"2025-06-11T13:45:46","guid":{"rendered":"https:\/\/ary.eu\/?page_id=11024"},"modified":"2025-06-27T14:12:32","modified_gmt":"2025-06-27T12:12:32","slug":"formations","status":"publish","type":"page","link":"https:\/\/ary.eu\/index.php\/formations\/","title":{"rendered":"Formations"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Formations AR - Devenez cr\u00e9ateur de R\u00e9alit\u00e9 Augment\u00e9e | ARY<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- 3D Model Viewer Script -->\n <script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/3.5.0\/model-viewer.min.js\"><\/script>\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=Lato:wght@400;700&family=Lora:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-color: #FDF9F6;\n --text-color: #3D3D3D;\n --primary-accent: #D98880; \/* Soft Coral *\/\n --secondary-accent: #A9DFBF; \/* Sage Green *\/\n --heading-font: 'Lora', serif;\n --body-font: 'Lato', sans-serif;\n }\n\n html {\n \/* Adjusted base font size for better scaling *\/\n font-size: 16px;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--body-font);\n background-color: var(--bg-color);\n color: var(--text-color);\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--heading-font);\n font-weight: 500;\n }\n \n .btn-disabled {\n background-color: #D1D5DB;\n color: #6B7280;\n cursor: not-allowed;\n }\n\n .formation-card {\n background-color: white;\n border: 1px solid #F0EBE3;\n border-radius: 1rem;\n box-shadow: 0 10px 25px -5px rgba(0,0,0,0.04);\n transition: all 0.3s ease;\n }\n .formation-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -5px rgba(0,0,0,0.08);\n }\n\n .checklist li {\n position: relative;\n padding-left: 1.75rem;\n margin-bottom: 0.5rem;\n }\n\n .checklist li::before {\n content: '\u2714';\n position: absolute;\n left: 0;\n color: var(--secondary-accent);\n font-weight: bold;\n }\n\n \/* Keyframes for the subtle zoom effect *\/\n @keyframes zoom-in {\n from { transform: scale(1); }\n to { transform: scale(1.05); }\n }\n\n .hero-image-zoom {\n animation: zoom-in 25s ease-in-out infinite alternate;\n }\n\n \/* Style for scroll-reveal animations *\/\n [data-reveal] {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.6s ease-out;\n }\n\n [data-reveal].is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .tag-item {\n transition: all 0.3s ease;\n }\n .tag-item:hover {\n transform: translateY(-3px);\n background-color: var(--primary-accent);\n color: white;\n border-color: var(--primary-accent);\n }\n\n \/* Responsive model-viewer *\/\n model-viewer {\n width: 100%;\n height: 350px; \/* Height for mobile *\/\n border-radius: 1rem;\n background-color: transparent;\n }\n\n @media (min-width: 768px) { \/* md breakpoint *\/\n model-viewer {\n height: 500px;\n }\n }\n\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <!-- Le contenu de la page commence ici -->\n <main>\n <!-- Hero Section -->\n <section class=\"relative min-h-[70vh] flex items-center justify-center text-center overflow-hidden bg-gray-500\">\n <!-- Desktop Image -->\n <img decoding=\"async\" src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png\" \n alt=\"Capture d'\u00e9cran d'un t-shirt 3D dans le logiciel Blender\" \n class=\"hidden md:block absolute top-0 left-0 w-full h-full object-cover object-center z-0 hero-image-zoom\">\n <!-- Mobile Image -->\n <img decoding=\"async\" src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertShirtMobile.png\" \n alt=\"Capture d'\u00e9cran d'un t-shirt 3D sur mobile\" \n class=\"block md:hidden absolute top-0 left-0 w-full h-full object-cover object-center z-0 hero-image-zoom\">\n <div class=\"absolute top-0 left-0 w-full h-full bg-black\/30 z-10\"><\/div>\n <div class=\"relative z-20 container mx-auto px-4 sm:px-6 lg:px-8\">\n <h1 class=\"text-3xl sm:text-4xl md:text-5xl font-bold text-white leading-tight mb-4\" style=\"text-shadow: 2px 2px 8px rgba(0,0,0,0.4);\">Passez de la 3D \u00e0 la R\u00e9alit\u00e9 Augment\u00e9e<\/h1>\n <p class=\"text-base sm:text-lg md:text-xl text-white\/90 max-w-3xl mx-auto\">Nos formations sont con\u00e7ues pour vous aider \u00e0 transformer simplement et facilement vos cr\u00e9ations 3D en exp\u00e9riences AR immersives avec Blender et la plateforme ARY.<\/p>\n <\/div>\n <\/section>\n \n <!-- 3D Model Viewer Section -->\n <section class=\"py-16 lg:py-24\" data-reveal>\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto\">\n <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-bold mb-4\">Visualisez le R\u00e9sultat<\/h2>\n <p class=\"text-gray-600 leading-relaxed mb-8\">Manipuler vos looks dans l'application ARY et visualisez les directement dans votre propre espace !<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto\">\n <model-viewer src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/ARYBLUEVELVET.glb\" \n ar \n ar-modes=\"webxr scene-viewer quick-look\" \n camera-controls \n auto-rotate\n shadow-intensity=\"1\"\n alt=\"Un t-shirt 3D interactif bleu velours avec des motifs.\">\n <\/model-viewer>\n <\/div>\n <div class=\"text-center max-w-3xl mx-auto mt-16\" data-reveal>\n <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-bold mb-4\">\u00c0 qui s'adressent nos ateliers ?<\/h2>\n <p class=\"text-gray-600 leading-relaxed mb-8\">Nous accompagnons tous les cr\u00e9atifs qui souhaitent ajouter une nouvelle dimension \u00e0 leurs cr\u00e9ations.<\/p>\n <div class=\"flex flex-wrap justify-center gap-3 sm:gap-4\">\n <span class=\"tag-item bg-white border border-gray-200 rounded-full px-4 py-2 text-xs sm:text-sm font-medium\">Designers de mode<\/span>\n <span class=\"tag-item bg-white border border-gray-200 rounded-full px-4 py-2 text-xs sm:text-sm font-medium\">Artistes 3D freelance<\/span>\n <span class=\"tag-item bg-white border border-gray-200 rounded-full px-4 py-2 text-xs sm:text-sm font-medium\">Cr\u00e9ateurs de jeux vid\u00e9o<\/span>\n <span class=\"tag-item bg-white border border-gray-200 rounded-full px-4 py-2 text-xs sm:text-sm font-medium\">Designers industriels<\/span>\n <span class=\"tag-item bg-white border border-gray-200 rounded-full px-4 py-2 text-xs sm:text-sm font-medium\">\u00c9tudiants en art<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Formations Section -->\n <section id=\"formations\" class=\"py-16 lg:py-24 bg-white\" data-reveal>\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"text-center max-w-3xl mx-auto mb-12 sm:mb-16\">\n <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-bold mb-4\">Nos Ateliers Blender pour l'AR<\/h2>\n <p class=\"text-gray-600 leading-relaxed\">Nos ateliers sont ax\u00e9s sur Blender, un logiciel puissant et accessible qui assure la compatibilit\u00e9 de vos cr\u00e9ations, que vous soyez dans la mode, l'industrie ou le jeu vid\u00e9o.<\/p>\n <\/div>\n \n <!-- Grid for formation cards -->\n <div class=\"grid md:grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 max-w-6xl mx-auto\">\n \n <!-- Formation Card 1: Starter -->\n <div class=\"formation-card p-6 sm:p-8 flex flex-col\" data-reveal>\n <h3 class=\"text-xl sm:text-2xl font-bold mb-1\">Formule Starter<\/h3>\n <p class=\"text-gray-500 mb-6\">Id\u00e9al pour d\u00e9buter en AR.<\/p>\n \n <p class=\"mb-6 leading-relaxed\">Tu cr\u00e9es d\u00e9j\u00e0 des looks, des objets ou des sc\u00e8nes styl\u00e9es ? Apprends \u00e0 les faire vivre en AR !<\/p>\n\n <div class=\"mb-6\">\n <h4 class=\"text-xl sm:text-2xl font-bold mb-4\">Ce que tu vas apprendre :<\/h4>\n <ul class=\"checklist text-gray-700\">\n <li>Adapter un mod\u00e8le 3D pour la r\u00e9alit\u00e9 augment\u00e9e (mod\u00e8le fourni)<\/li>\n <li>Comprendre les contraintes techniques (poids, textures, formats)<\/li>\n <li>Exporter et tester tes cr\u00e9ations en AR dans l'application ARY<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"mb-8\">\n <h4 class=\"font-bold mb-3 text-lg\">Pr\u00e9requis :<\/h4>\n <p class=\"text-gray-700\">Tu ma\u00eetrises les bases de Blender (mod\u00e9lisation simple, navigation, export).<\/p>\n <\/div>\n \n <div class=\"mt-auto pt-6\">\n <button disabled class=\"btn-disabled w-full block text-center font-bold py-3 px-8 rounded-full text-base sm:text-lg\">Bient\u00f4t disponible<\/button>\n <p class=\"text-xs text-gray-500 mt-4 text-center\">1H30 en visio par groupe de 4 maximum.<br>Inclut 1 mois d'acc\u00e8s \u00e0 <strong>ARY Creator<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <!-- Formation Card 2: Cr\u00e9ateur -->\n <div class=\"formation-card p-6 sm:p-8 flex flex-col\" data-reveal>\n <h3 class=\"text-xl sm:text-2xl font-bold mb-1\">Formule Cr\u00e9ateur<\/h3>\n <p class=\"text-gray-500 mb-6\">Pour aller plus loin avec vos propres mod\u00e8les.<\/p>\n\n <p class=\"mb-6 leading-relaxed\">Tu connais les bases de l'optimisation AR ? Apprends \u00e0 appliquer ces concepts \u00e0 tes propres mod\u00e8les 3D.<\/p>\n \n <div class=\"mb-6\">\n <h4 class=\"text-xl sm:text-2xl font-bold mb-4\">Ce que tu vas apprendre :<\/h4>\n <ul class=\"checklist text-gray-700\">\n <li>Adapter un de <strong class=\"font-bold\">tes propres mod\u00e8les<\/strong> pour la r\u00e9alit\u00e9 augment\u00e9e<\/li>\n <li>Prendre en compte les contraintes AR d\u00e8s la conception<\/li>\n <li>Optimiser le poids, les textures et les formats de tes cr\u00e9ations<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"mb-8\">\n <h4 class=\"font-bold mb-3 text-lg\">Pr\u00e9requis :<\/h4>\n <p class=\"text-gray-700\">Tu ma\u00eetrises les bases de Blender et tu as suivi le <strong>Module Starter<\/strong>.<\/p>\n <\/div>\n\n <div class=\"mt-auto pt-6\">\n <button disabled class=\"btn-disabled w-full block text-center font-bold py-3 px-8 rounded-full text-base sm:text-lg\">Bient\u00f4t disponible<\/button>\n <p class=\"text-xs text-gray-500 mt-4 text-center\">1H30 en visio par groupe de 4 maximum.<br>Inclut 1 mois d'acc\u00e8s \u00e0 <strong>ARY Creator<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <!-- Le contenu de la page se termine ici -->\n\n <script>\n \/\/ Simple scroll-reveal animation\n const revealElements = document.querySelectorAll('[data-reveal]');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n \/\/ Optional: unobserve after revealing to save resources\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1 \/\/ Trigger when 10% of the element is visible\n });\n\n revealElements.forEach(element => {\n observer.observe(element);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c2124e e-flex e-con-boxed e-con e-parent\" data-id=\"5c2124e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd3f5ec elementor-widget__width-inherit elementor-widget elementor-widget-wpzoom-elementor-addons-slider-pro\" data-id=\"bd3f5ec\" data-element_type=\"widget\" data-widget_type=\"wpzoom-elementor-addons-slider-pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div id=\"slider\" class=\"flexslider\" data-posts=\"1\">\n\t\t\t\t<ul class=\"slides\">\n\t\t\t\t\t\t\t\t\t\t\t<li data-formstone-options='{\"source\":{\"poster\":\"\",\"mp4\":\"https:\\\/\\\/ary.eu\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/ARY-balles-inside-out-1.mp4\"},\"mobileSource\":{\"poster\":\"\"},\"autoPlay\":true,\"mute\":true,\"loop\":true}' >\n\n\t\t\t\t\t\t\t<div class=\"slide-background-overlay\"><\/div>\n\n \n <div class=\"li-wrap wpz-center-slider-wrap wpz--slider-wrap\">\n\n \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h1 class=\" missing-url\">Captiver vos clients avec des exp\u00e9riences sur mesure<\/h1>\t\t\t\t\t\t\t\t\t\n \n\t\t\t\t\t\t\t\t\t<div class=\"excerpt \"><p>ARY est une solution innovante de visualisation en r\u00e9alit\u00e9 augment\u00e9e, offrant une exp\u00e9rience immersive simple et attrayante, qui engage les clients dans le processus d\u2019achat directement depuis leur t\u00e9l\u00e9phone\/tablette<\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\t\t\t\t\t\t\t\t \n \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"background-video-buttons-wrapper\">\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t<div id=\"scroll-to-content\" title=\"Scroll to Content\">\n\t\t\t\t\t\tScroll to Content\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c782690 e-flex e-con-boxed e-con e-parent\" data-id=\"c782690\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-718eb10 e-con-full e-flex e-con e-child\" data-id=\"718eb10\" data-element_type=\"container\" data-settings=\"{"motion_fx_motion_fx_scrolling":"yes","motion_fx_scale_effect":"yes","motion_fx_scale_speed":{"unit":"px","size":1,"sizes":[]},"motion_fx_scale_direction":"out-in","motion_fx_scale_range":{"unit":"%","size":"","sizes":{"start":20,"end":80}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5123b8 elementor-widget elementor-widget-spacer\" data-id=\"a5123b8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-746df0c elementor-widget elementor-widget-heading\" data-id=\"746df0c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ez un lien \u00e9motionnel avec vos clients, partout, \u00e0 tout moment.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9058125 elementor-widget elementor-widget-spacer\" data-id=\"9058125\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da555a9 elementor-widget elementor-widget-heading\" data-id=\"da555a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"><b>ARY est une solution innovante de r\u00e9alit\u00e9 augment\u00e9e qui propose une exp\u00e9rience immersive accessible simplement avec un smartphone ou tablette.<\/b> Sa technologie s\u2019appuie sur des outils tels que les tags NFC, les SMS, les QR codes ou les liens web, pour offrir une interaction fluide alliant monde r\u00e9el et virtuel. ARY permet l\u2019<b>int\u00e9gration simultan\u00e9e de diff\u00e9rents types d\u2019\u00e9l\u00e9ments <\/b>\u2014 objets 3D, vid\u00e9os, avatars, documents PDF, etc. \u2014 afin de cr\u00e9er\ndes sc\u00e9narios interactifs qui enrichissent le parcours client\n.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8de98b elementor-widget elementor-widget-heading\" data-id=\"f8de98b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Cette approche unique permet de visualiser des produits ou des solutions sous diff\u00e9rents angles et d'acc\u00e9der \u00e0 des informations d\u00e9taill\u00e9es en r\u00e9alit\u00e9 augment\u00e9e. En simplifiant le parcours d'achat, ARY rend le shopping plus engageant, tout en\n<b>r\u00e9duisant les retours produits<\/b>\net en facilitant\ndes <b>choix d'achat plus \u00e9clair\u00e9s et durables<\/b>\n.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb36e1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"ccb36e1\" data-element_type=\"widget\" data-settings=\"{"source_json":{"url":"https:\\\/\\\/ary.eu\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Animation-1712825602349.json","id":4247,"size":"","alt":"","source":"library"},"source":"media_file","caption_source":"none","link_to":"none","trigger":"arriving_to_viewport","viewport":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"play_speed":{"unit":"px","size":1,"sizes":[]},"start_point":{"unit":"%","size":0,"sizes":[]},"end_point":{"unit":"%","size":100,"sizes":[]},"renderer":"svg"}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d746431 e-flex e-con-boxed e-con e-parent\" data-id=\"d746431\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba38c1 elementor-widget elementor-widget-html\" data-id=\"8ba38c1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Nos Partenaires - ARY.EU<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #e9ecef 100%);\n min-height: 100vh;\n padding: 40px 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 60px;\n color: #2c3e50;\n }\n\n .header h1 {\n font-size: 3.5rem;\n font-weight: 300;\n margin-bottom: 20px;\n text-shadow: 0 4px 20px rgba(0,0,0,0.1);\n letter-spacing: 2px;\n background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #5d6d7e 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .header p {\n font-size: 1.3rem;\n opacity: 0.7;\n font-weight: 300;\n color: #5d6d7e;\n }\n\n .partners-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin-top: 40px;\n }\n\n .partner-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n border-radius: 20px;\n padding: 40px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n border: 1px solid rgba(0,0,0,0.06);\n position: relative;\n overflow: hidden;\n }\n\n .partner-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #2c3e50, #34495e, #5d6d7e);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .partner-card:hover::before {\n transform: scaleX(1);\n }\n\n .partner-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 80px rgba(0,0,0,0.12);\n }\n\n .partner-logo {\n width: 100%;\n height: 200px;\n object-fit: contain;\n margin-bottom: 30px;\n border-radius: 10px;\n background: #f8f9fa;\n padding: 20px;\n }\n\n .partner-name {\n font-size: 1.8rem;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 15px;\n text-align: center;\n }\n\n .partner-description {\n font-size: 1rem;\n color: #666;\n line-height: 1.6;\n margin-bottom: 30px;\n text-align: center;\n }\n\n .partner-link {\n display: inline-block;\n background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #5d6d7e 100%);\n color: white;\n padding: 12px 30px;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 500;\n transition: all 0.3s ease;\n text-align: center;\n width: 100%;\n box-shadow: 0 4px 15px rgba(44, 62, 80, 0.2);\n }\n\n .partner-link:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);\n }\n\n .floating-elements {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: -1;\n }\n\n .floating-circle {\n position: absolute;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.03);\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-circle:nth-child(1) {\n width: 80px;\n height: 80px;\n top: 20%;\n left: 10%;\n animation-delay: 0s;\n }\n\n .floating-circle:nth-child(2) {\n width: 120px;\n height: 120px;\n top: 60%;\n right: 10%;\n animation-delay: 2s;\n }\n\n .floating-circle:nth-child(3) {\n width: 60px;\n height: 60px;\n bottom: 20%;\n left: 20%;\n animation-delay: 4s;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px) rotate(0deg);\n }\n 50% {\n transform: translateY(-20px) rotate(180deg);\n }\n }\n\n @media (max-width: 768px) {\n .header h1 {\n font-size: 2.5rem;\n }\n \n .partners-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .partner-card {\n padding: 30px;\n }\n }\n\n .partner-specialty {\n background: linear-gradient(135deg, rgba(44, 62, 80, 0.1), rgba(52, 73, 94, 0.1));\n padding: 10px 20px;\n border-radius: 20px;\n font-size: 0.9rem;\n color: #2c3e50;\n font-weight: 500;\n text-align: center;\n margin-bottom: 20px;\n border: 1px solid rgba(44, 62, 80, 0.15);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"floating-elements\">\n <div class=\"floating-circle\"><\/div>\n <div class=\"floating-circle\"><\/div>\n <div class=\"floating-circle\"><\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"header\">\n <h1>Nos Partenaires<\/h1>\n <p>Des collaborations d'excellence pour des projets innovants<\/p>\n <\/div>\n\n <div class=\"partners-grid\">\n <!-- Mode Spe Paris -->\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-23-a-11.36.18.png\" alt=\"Mode Spe Paris\" class=\"partner-logo\">\n <div class=\"partner-specialty\">Mode & Style<\/div>\n <h3 class=\"partner-name\">Mode Spe Paris<\/h3>\n <p class=\"partner-description\">\n Sp\u00e9cialiste parisien de la mode et du style, Mode Spe Paris apporte son expertise unique dans l'univers de la haute couture et des tendances fashion.\n <\/p>\n <a href=\"https:\/\/www.modspeparis.com\" target=\"_blank\" class=\"partner-link\">\n D\u00e9couvrir Mode Spe Paris\n <\/a>\n <\/div>\n\n <!-- Human Paris -->\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/x-3.png\" alt=\"Human Paris\" class=\"partner-logo\">\n <div class=\"partner-specialty\">Innovation Humaine<\/div>\n <h3 class=\"partner-name\">Human Paris<\/h3>\n <p class=\"partner-description\">\n Human Paris se concentre sur l'innovation centr\u00e9e sur l'humain, d\u00e9veloppant des solutions cr\u00e9atives qui placent l'exp\u00e9rience utilisateur au c\u0153ur de chaque projet.\n <\/p>\n <a href=\"https:\/\/humanparis.fr\" target=\"_blank\" class=\"partner-link\">\n Visiter Human Paris\n <\/a>\n <\/div>\n\n <!-- S\u00e9riellement V\u00f4tre -->\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/03\/Capture-decran-2025-03-19-a-11.05.29.png\" alt=\"S\u00e9riellement V\u00f4tre\" class=\"partner-logo\">\n <div class=\"partner-specialty\">Contenu S\u00e9riel<\/div>\n <h3 class=\"partner-name\">S\u00e9riellement V\u00f4tre<\/h3>\n <p class=\"partner-description\">\n Experts en cr\u00e9ation de contenu s\u00e9riel et storytelling, S\u00e9riellement V\u00f4tre transforme les id\u00e9es en exp\u00e9riences narratives captivantes et m\u00e9morables.\n <\/p>\n <a href=\"http:\/\/serialement-votre.fr\/\" target=\"_blank\" class=\"partner-link\">\n Explorer S\u00e9riellement V\u00f4tre\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Animation d'apparition au scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Initialisation des animations\n document.addEventListener('DOMContentLoaded', () => {\n const cards = document.querySelectorAll('.partner-card');\n \n cards.forEach((card, index) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(50px)';\n card.style.transition = `opacity 0.8s ease ${index * 0.2}s, transform 0.8s ease ${index * 0.2}s`;\n observer.observe(card);\n });\n\n \/\/ Animation de survol pour les logos\n const logos = document.querySelectorAll('.partner-logo');\n logos.forEach(logo => {\n logo.addEventListener('mouseenter', () => {\n logo.style.transform = 'scale(1.05)';\n logo.style.transition = 'transform 0.3s ease';\n });\n \n logo.addEventListener('mouseleave', () => {\n logo.style.transform = 'scale(1)';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f024ee elementor-widget elementor-widget-spacer\" data-id=\"1f024ee\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08dafbd elementor-widget elementor-widget-html\" data-id=\"08dafbd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Publications ARY - Carrousel<\/title>\n <style>\n \/* Reset et base *\/\n .ary-carousel * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .ary-carousel {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 24px;\n padding: 40px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n }\n\n .ary-carousel-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .ary-carousel-title {\n font-size: 2.5rem;\n font-weight: 700;\n background: linear-gradient(135deg, #333333, #000000);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n\n .ary-carousel-subtitle {\n font-size: 1.2rem;\n color: #666;\n font-weight: 300;\n }\n\n .ary-carousel-wrapper {\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n }\n\n .ary-carousel-track {\n display: flex;\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n will-change: transform;\n }\n\n .ary-carousel-slide {\n min-width: 100%;\n position: relative;\n }\n\n .ary-publication-card {\n background: #fff;\n border-radius: 16px;\n padding: 30px;\n margin: 0 10px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n display: flex;\n align-items: center;\n gap: 30px;\n transition: all 0.3s ease;\n }\n\n .ary-publication-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);\n }\n\n .ary-publication-logo {\n flex-shrink: 0;\n width: 120px;\n height: 120px;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n }\n\n .ary-publication-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n background: #f8f9fa;\n }\n\n .ary-publication-content {\n flex: 1;\n }\n\n .ary-publication-name {\n font-size: 1.8rem;\n font-weight: 700;\n color: #333;\n margin-bottom: 15px;\n }\n\n .ary-publication-description {\n color: #666;\n font-size: 1.1rem;\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .ary-publication-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: linear-gradient(135deg, #333333, #000000);\n color: white;\n text-decoration: none;\n padding: 12px 24px;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .ary-publication-link:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);\n }\n\n .ary-carousel-controls {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 30px;\n }\n\n .ary-carousel-btn {\n background: linear-gradient(135deg, #333333, #000000);\n border: none;\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 1.2rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .ary-carousel-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);\n }\n\n .ary-carousel-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n }\n\n .ary-carousel-indicators {\n display: flex;\n gap: 8px;\n }\n\n .ary-indicator {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #ccc;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .ary-indicator.active {\n background: linear-gradient(135deg, #333333, #000000);\n transform: scale(1.2);\n }\n\n @media (max-width: 768px) {\n .ary-carousel {\n padding: 20px;\n }\n \n .ary-publication-card {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .ary-publication-logo {\n width: 100px;\n height: 100px;\n }\n \n .ary-carousel-title {\n font-size: 2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"ary-carousel\" id=\"aryCarousel\">\n <div class=\"ary-carousel-header\">\n <h1 class=\"ary-carousel-title\">Nos Publications<\/h1>\n <p class=\"ary-carousel-subtitle\">ARY dans les m\u00e9dias et magazines sp\u00e9cialis\u00e9s<\/p>\n <\/div>\n\n <div class=\"ary-carousel-wrapper\">\n <div class=\"ary-carousel-track\" id=\"aryCarouselTrack\">\n <!-- Maddyness -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Logo_Maddyness.png\" alt=\"Maddyness\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">Maddyness<\/h3>\n <p class=\"ary-publication-description\">\n \"Tech for retail : trois p\u00e9pites qui transforment l'industrie du retail\" - \n D\u00e9couvrez comment ARY r\u00e9volutionne l'exp\u00e9rience client dans le retail gr\u00e2ce \u00e0 la r\u00e9alit\u00e9 augment\u00e9e.\n <\/p>\n <a href=\"https:\/\/www.maddyness.com\/2024\/11\/27\/tech-for-retail-trois-pepites-qui-transforment-lindustrie-du-retail\/?mtm_campaign=maddynews&mtm_source=newsletter\" target=\"_blank\" class=\"ary-publication-link\">\n Lire l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Lyon Science -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-16.45.56.png\" alt=\"Lyon Science\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">Lyon Science<\/h3>\n <p class=\"ary-publication-description\">\n \"Comment la r\u00e9alit\u00e9 augment\u00e9e va transformer notre exp\u00e9rience d'achat\" - \n Une analyse approfondie de l'impact de la r\u00e9alit\u00e9 augment\u00e9e sur le commerce de demain.\n <\/p>\n <a href=\"https:\/\/lyon.cscience.info\/comment-la-realite-augmentee-va-transformer-notre-experience-dachat\/\" target=\"_blank\" class=\"ary-publication-link\">\n Lire l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- LinkedIn -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-17.02.03.png\" alt=\"LinkedIn\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">LinkedIn<\/h3>\n <p class=\"ary-publication-description\">\n Publication de Hugues Eichinger sur notre participation et nos innovations pr\u00e9sent\u00e9es cette ann\u00e9e. \n D\u00e9couvrez nos derni\u00e8res avanc\u00e9es technologiques.\n <\/p>\n <a href=\"https:\/\/www.linkedin.com\/posts\/hugues-eichinger-143183184_pour-la-premi\u00e8re-fois-cette-ann\u00e9e-nous-avons-activity-7271935463530151938-6FY3\/?utm_source=share&utm_medium=member_ios\" target=\"_blank\" class=\"ary-publication-link\">\n Voir sur LinkedIn \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- J'aime les startups -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/Capture-decran-2025-06-27-a-13.46.54.png\" alt=\"J'aime les startups\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">J'aime les Startups<\/h3>\n <p class=\"ary-publication-description\">\n \"ARY : solution de r\u00e9alit\u00e9 augment\u00e9e sur smartphone\" - \n Pr\u00e9sentation compl\u00e8te de notre startup et de notre solution innovante de r\u00e9alit\u00e9 augment\u00e9e.\n <\/p>\n <a href=\"https:\/\/www.jaimelesstartups.fr\/ary-solution-de-realite-augmentee-sur-smartphone\/\" target=\"_blank\" class=\"ary-publication-link\">\n Lire l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Infos 75 -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-16-a-15.26.49.png\" alt=\"Infos 75\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">Infos 75<\/h3>\n <p class=\"ary-publication-description\">\n \"ARY, la start-up qui r\u00e9volutionne l'exp\u00e9rience client gr\u00e2ce \u00e0 la r\u00e9alit\u00e9 augment\u00e9e\" - \n Focus sur notre impact dans l'am\u00e9lioration de l'exp\u00e9rience client.\n <\/p>\n <a href=\"https:\/\/infos-75.com\/droits\/ary-la-start-up-qui-revolutionne-lexperience-client-grace-a-la-realite-augmentee\/\" target=\"_blank\" class=\"ary-publication-link\">\n Lire l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <!-- 3DVF -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/3DFV.png\" alt=\"3DVF\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">3DVF<\/h3>\n <p class=\"ary-publication-description\">\n \"Laval Virtual 2025 : notre compte-rendu d\u00e9taill\u00e9\" - \n Retour sur notre participation au salon Laval Virtual, \u00e9v\u00e9nement majeur de la r\u00e9alit\u00e9 virtuelle et augment\u00e9e.\n <\/p>\n <a href=\"https:\/\/3dvf.com\/redaction\/laval-virtual-2025-notre-compte-rendu-detaille\/\" target=\"_blank\" class=\"ary-publication-link\">\n Lire l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Augmented Reality -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/Capture-decran-2025-06-27-a-13.56.38.png\" alt=\"Augmented Reality\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">Augmented Reality<\/h3>\n <p class=\"ary-publication-description\">\n \"Les interviews de RAPRO\" - \n Interview exclusive sur notre vision de la r\u00e9alit\u00e9 augment\u00e9e et les d\u00e9fis du secteur.\n <\/p>\n <a href=\"https:\/\/www.augmented-reality.fr\/les-interviews-de-rapro\/\" target=\"_blank\" class=\"ary-publication-link\">\n Voir l'interview \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Magazine Offrir -->\n <div class=\"ary-carousel-slide\">\n <div class=\"ary-publication-card\">\n <div class=\"ary-publication-logo\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/offrirlogo.png\" alt=\"Magazine Offrir\">\n <\/div>\n <div class=\"ary-publication-content\">\n <h3 class=\"ary-publication-name\">Magazine Offrir<\/h3>\n <p class=\"ary-publication-description\">\n Publication dans le magazine sp\u00e9cialis\u00e9 dans les solutions cadeaux et marketing promotionnel. \n D\u00e9couvrez comment ARY transforme l'exp\u00e9rience d'achat.\n <\/p>\n <a href=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/offrir.png\" target=\"_blank\" class=\"ary-publication-link\">\n Voir l'article \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ary-carousel-controls\">\n <button class=\"ary-carousel-btn\" id=\"aryPrevBtn\">\u2039<\/button>\n <div class=\"ary-carousel-indicators\" id=\"aryIndicators\"><\/div>\n <button class=\"ary-carousel-btn\" id=\"aryNextBtn\">\u203a<\/button>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ Attendre que le DOM soit charg\u00e9\n function initARYCarousel() {\n const carousel = {\n track: document.getElementById('aryCarouselTrack'),\n slides: document.querySelectorAll('.ary-carousel-slide'),\n prevBtn: document.getElementById('aryPrevBtn'),\n nextBtn: document.getElementById('aryNextBtn'),\n indicators: document.getElementById('aryIndicators'),\n \n currentSlide: 0,\n totalSlides: 0,\n autoPlayInterval: null,\n autoPlayDelay: 5000,\n\n init: function() {\n if (!this.track || !this.slides.length) {\n console.error('ARY Carousel: \u00c9l\u00e9ments non trouv\u00e9s');\n return;\n }\n \n this.totalSlides = this.slides.length;\n this.createIndicators();\n this.updateCarousel();\n this.bindEvents();\n this.startAutoPlay();\n },\n\n createIndicators: function() {\n for (let i = 0; i < this.totalSlides; i++) {\n const indicator = document.createElement('div');\n indicator.className = 'ary-indicator';\n indicator.addEventListener('click', () => this.goToSlide(i));\n this.indicators.appendChild(indicator);\n }\n },\n\n updateCarousel: function() {\n \/\/ Position du carrousel\n const translateX = -this.currentSlide * 100;\n this.track.style.transform = `translateX(${translateX}%)`;\n\n \/\/ Indicateurs\n const indicators = document.querySelectorAll('.ary-indicator');\n indicators.forEach((indicator, index) => {\n indicator.classList.toggle('active', index === this.currentSlide);\n });\n\n \/\/ Boutons\n this.prevBtn.disabled = this.currentSlide === 0;\n this.nextBtn.disabled = this.currentSlide === this.totalSlides - 1;\n },\n\n goToSlide: function(slideIndex) {\n this.currentSlide = slideIndex;\n this.updateCarousel();\n this.resetAutoPlay();\n },\n\n nextSlide: function() {\n if (this.currentSlide < this.totalSlides - 1) {\n this.currentSlide++;\n } else {\n this.currentSlide = 0;\n }\n this.updateCarousel();\n },\n\n prevSlide: function() {\n if (this.currentSlide > 0) {\n this.currentSlide--;\n } else {\n this.currentSlide = this.totalSlides - 1;\n }\n this.updateCarousel();\n },\n\n startAutoPlay: function() {\n this.autoPlayInterval = setInterval(() => {\n this.nextSlide();\n }, this.autoPlayDelay);\n },\n\n stopAutoPlay: function() {\n if (this.autoPlayInterval) {\n clearInterval(this.autoPlayInterval);\n }\n },\n\n resetAutoPlay: function() {\n this.stopAutoPlay();\n this.startAutoPlay();\n },\n\n bindEvents: function() {\n \/\/ Boutons\n this.nextBtn.addEventListener('click', () => {\n this.nextSlide();\n this.resetAutoPlay();\n });\n\n this.prevBtn.addEventListener('click', () => {\n this.prevSlide();\n this.resetAutoPlay();\n });\n\n \/\/ Pause au survol\n this.track.addEventListener('mouseenter', () => this.stopAutoPlay());\n this.track.addEventListener('mouseleave', () => this.startAutoPlay());\n\n \/\/ Touch support\n let startX = 0;\n let endX = 0;\n\n this.track.addEventListener('touchstart', (e) => {\n startX = e.touches[0].clientX;\n });\n\n this.track.addEventListener('touchend', (e) => {\n endX = e.changedTouches[0].clientX;\n const diff = startX - endX;\n\n if (Math.abs(diff) > 50) {\n if (diff > 0) {\n this.nextSlide();\n } else {\n this.prevSlide();\n }\n this.resetAutoPlay();\n }\n });\n }\n };\n\n carousel.init();\n }\n\n \/\/ Initialisation\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initARYCarousel);\n } else {\n initARYCarousel();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5f7cf3 e-flex e-con-boxed e-con e-parent\" data-id=\"d5f7cf3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-283c8d0 e-flex e-con-boxed e-con e-parent\" data-id=\"283c8d0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be7aafe elementor-widget elementor-widget-html\" data-id=\"be7aafe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Press Coverage - ARY<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n --accent-gold: #d4af37;\n --accent-platinum: #e5e4e2;\n --text-primary: #2c2c54;\n --text-secondary: #6c7293;\n --luxury-purple: #6c5ce7;\n --elegant-blue: #74b9ff;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.7;\n color: var(--text-primary);\n background: #fafafa;\n margin: 0;\n padding: 0;\n }\n\n \/* Sections *\/\n .section {\n padding: 8rem 0;\n position: relative;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 3rem;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 5rem;\n }\n\n .section-subtitle {\n font-size: 1rem;\n color: var(--accent-gold);\n margin-bottom: 1rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 500;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n font-weight: 600;\n }\n\n .section-description {\n font-size: 1.3rem;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto;\n font-weight: 300;\n line-height: 1.8;\n }\n\n \/* Press Carousel Luxury *\/\n .press-carousel {\n overflow: hidden;\n margin-top: 4rem;\n mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);\n }\n\n .press-track {\n display: flex;\n gap: 2.5rem;\n animation: scroll 35s linear infinite;\n }\n\n .press-item {\n min-width: 250px;\n background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n text-align: center;\n border: 1px solid rgba(212, 175, 55, 0.1);\n transition: all 0.3s ease;\n }\n\n .press-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\n }\n\n .press-logo {\n width: 60px;\n height: 40px;\n object-fit: contain;\n margin: 0 auto 1rem;\n }\n\n .press-item h4 {\n font-family: 'Playfair Display', serif;\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 1.2rem;\n }\n\n .press-item p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n font-weight: 300;\n margin: 0;\n }\n\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 2.5rem;\n }\n \n .container {\n padding: 0 1.5rem;\n }\n\n .section {\n padding: 5rem 0;\n }\n\n .press-item {\n min-width: 200px;\n padding: 1.5rem;\n }\n }\n\n \/* Smooth animations on scroll *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Press Coverage -->\n <section class=\"section\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-subtitle\">Reconnaissance M\u00e9diatique<\/div>\n <h2 class=\"section-title\">Ils Parlent de Nous<\/h2>\n <p class=\"section-description\">Notre expertise reconnue par les m\u00e9dias sp\u00e9cialis\u00e9s et la presse d'innovation.<\/p>\n <\/div>\n <div class=\"press-carousel\">\n <div class=\"press-track\">\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Logo_Maddyness.png\" alt=\"Maddyness\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Maddyness<\/h4>\n <p>Tech for Retail - Innovation<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-16.45.56.png\" alt=\"Lyon Science\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Lyon Science<\/h4>\n <p>Transformation Exp\u00e9rience d'Achat<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-17.02.03.png\" alt=\"LinkedIn\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>LinkedIn Expert<\/h4>\n <p>Leadership Innovation AR<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--accent-gold); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.8rem; font-weight: bold;\">JS<\/div>\n <h4>J'aime les Startups<\/h4>\n <p>Solution AR Smartphone<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-16-a-15.26.49.png\" alt=\"Infos 75\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Infos 75<\/h4>\n <p>R\u00e9volution Exp\u00e9rience Client<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/3DFV.png\" alt=\"3DVF\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>3DVF<\/h4>\n <p>Laval Virtual 2025<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--elegant-blue); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.7rem; font-weight: bold; color: white;\">AR<\/div>\n <h4>Augmented Reality<\/h4>\n <p>Interview Excellence<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/offrirlogo.png\" alt=\"Magazine Offrir\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Magazine Offrir<\/h4>\n <p>Innovation Retail<\/p>\n <\/div>\n <!-- Duplicate for smooth loop -->\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Logo_Maddyness.png\" alt=\"Maddyness\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Maddyness<\/h4>\n <p>Tech for Retail - Innovation<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-16.45.56.png\" alt=\"Lyon Science\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Lyon Science<\/h4>\n <p>Transformation Exp\u00e9rience d'Achat<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-17.02.03.png\" alt=\"LinkedIn\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>LinkedIn Expert<\/h4>\n <p>Leadership Innovation AR<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--accent-gold); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.8rem; font-weight: bold;\">JS<\/div>\n <h4>J'aime les Startups<\/h4>\n <p>Solution AR Smartphone<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Fade in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in elements\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Pause animation on hover\n const pressTrack = document.querySelector('.press-track');\n if (pressTrack) {\n pressTrack.addEventListener('mouseenter', function() {\n this.style.animationPlayState = 'paused';\n });\n \n pressTrack.addEventListener('mouseleave', function() {\n this.style.animationPlayState = 'running';\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbe4382 e-flex e-con-boxed e-con e-parent\" data-id=\"fbe4382\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e7e0f elementor-widget elementor-widget-html\" data-id=\"34e7e0f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Press Coverage - ARY<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\n --accent-gold: #d4af37;\n --accent-platinum: #e5e4e2;\n --text-primary: #2c2c54;\n --text-secondary: #6c7293;\n --luxury-purple: #6c5ce7;\n --elegant-blue: #74b9ff;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.7;\n color: var(--text-primary);\n background: #fafafa;\n margin: 0;\n padding: 0;\n }\n\n \/* Sections *\/\n .section {\n padding: 8rem 0;\n position: relative;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 3rem;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 5rem;\n }\n\n .section-subtitle {\n font-size: 1rem;\n color: var(--accent-gold);\n margin-bottom: 1rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 500;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 3.5rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n font-weight: 600;\n }\n\n .section-description {\n font-size: 1.3rem;\n color: var(--text-secondary);\n max-width: 800px;\n margin: 0 auto;\n font-weight: 300;\n line-height: 1.8;\n }\n\n \/* Press Carousel Luxury *\/\n .press-carousel {\n overflow: hidden;\n margin-top: 4rem;\n mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);\n }\n\n .press-track {\n display: flex;\n gap: 2.5rem;\n animation: scroll 35s linear infinite;\n }\n\n .press-item {\n min-width: 250px;\n background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n text-align: center;\n border: 1px solid rgba(212, 175, 55, 0.1);\n transition: all 0.3s ease;\n }\n\n .press-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\n }\n\n .press-logo {\n width: 60px;\n height: 40px;\n object-fit: contain;\n margin: 0 auto 1rem;\n }\n\n .press-item h4 {\n font-family: 'Playfair Display', serif;\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n font-weight: 600;\n font-size: 1.2rem;\n }\n\n .press-item p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n font-weight: 300;\n margin: 0;\n }\n\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 2.5rem;\n }\n \n .container {\n padding: 0 1.5rem;\n }\n\n .section {\n padding: 5rem 0;\n }\n\n .press-item {\n min-width: 200px;\n padding: 1.5rem;\n }\n }\n\n \/* Smooth animations on scroll *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Press Coverage -->\n <section class=\"section\">\n <div class=\"container\">\n <div class=\"section-header fade-in\">\n \n <\/div>\n <div class=\"press-carousel\">\n <div class=\"press-track\">\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Logo_Maddyness.png\" alt=\"Maddyness\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Maddyness<\/h4>\n <p>Tech for Retail - Innovation<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-16.45.56.png\" alt=\"Lyon Science\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Lyon Science<\/h4>\n <p>Transformation Exp\u00e9rience d'Achat<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-17.02.03.png\" alt=\"LinkedIn\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>LinkedIn Expert<\/h4>\n <p>Leadership Innovation AR<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--accent-gold); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.8rem; font-weight: bold;\">JS<\/div>\n <h4>J'aime les Startups<\/h4>\n <p>Solution AR Smartphone<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-16-a-15.26.49.png\" alt=\"Infos 75\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Infos 75<\/h4>\n <p>R\u00e9volution Exp\u00e9rience Client<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/3DFV.png\" alt=\"3DVF\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>3DVF<\/h4>\n <p>Laval Virtual 2025<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--elegant-blue); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.7rem; font-weight: bold; color: white;\">AR<\/div>\n <h4>Augmented Reality<\/h4>\n <p>Interview Excellence<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/06\/offrirlogo.png\" alt=\"Magazine Offrir\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Magazine Offrir<\/h4>\n <p>Innovation Retail<\/p>\n <\/div>\n <!-- Duplicate for smooth loop -->\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Logo_Maddyness.png\" alt=\"Maddyness\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Maddyness<\/h4>\n <p>Tech for Retail - Innovation<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-16.45.56.png\" alt=\"Lyon Science\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>Lyon Science<\/h4>\n <p>Transformation Exp\u00e9rience d'Achat<\/p>\n <\/div>\n <div class=\"press-item\">\n <img decoding=\"async\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2024\/12\/Capture-decran-2024-12-13-a-17.02.03.png\" alt=\"LinkedIn\" class=\"press-logo\" onerror=\"this.style.display='none';\">\n <h4>LinkedIn Expert<\/h4>\n <p>Leadership Innovation AR<\/p>\n <\/div>\n <div class=\"press-item\">\n <div style=\"width: 60px; height: 40px; background: var(--accent-gold); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 0.8rem; font-weight: bold;\">JS<\/div>\n <h4>J'aime les Startups<\/h4>\n <p>Solution AR Smartphone<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Fade in animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all fade-in elements\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Pause animation on hover\n const pressTrack = document.querySelector('.press-track');\n if (pressTrack) {\n pressTrack.addEventListener('mouseenter', function() {\n this.style.animationPlayState = 'paused';\n });\n \n pressTrack.addEventListener('mouseleave', function() {\n this.style.animationPlayState = 'running';\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formations AR – Devenez cr\u00e9ateur de R\u00e9alit\u00e9 Augment\u00e9e | ARY Passez de la 3D \u00e0 la R\u00e9alit\u00e9 Augment\u00e9e Nos formations sont con\u00e7ues pour vous aider \u00e0 transformer simplement et facilement vos cr\u00e9ations 3D en exp\u00e9riences AR immersives avec Blender et la plateforme ARY. Visualisez le R\u00e9sultat Manipuler vos looks dans […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11024","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Formations - Ary<\/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:\/\/ary.eu\/index.php\/formations\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formations - Ary\" \/>\n<meta property=\"og:description\" content=\"Formations AR – Devenez cr\u00e9ateur de R\u00e9alit\u00e9 Augment\u00e9e | ARY Passez de la 3D \u00e0 la R\u00e9alit\u00e9 Augment\u00e9e Nos formations sont con\u00e7ues pour vous aider \u00e0 transformer simplement et facilement vos cr\u00e9ations 3D en exp\u00e9riences AR immersives avec Blender et la plateforme ARY. Visualisez le R\u00e9sultat Manipuler vos looks dans […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ary.eu\/index.php\/formations\/\" \/>\n<meta property=\"og:site_name\" content=\"Ary\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-27T12:12:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/\",\"url\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/\",\"name\":\"Formations - Ary\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arypubstorage.blob.core.windows.net\\\/web\\\/BlendertshirtLaura.png\",\"datePublished\":\"2025-06-11T13:45:46+00:00\",\"dateModified\":\"2025-06-27T12:12:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arypubstorage.blob.core.windows.net\\\/web\\\/BlendertshirtLaura.png\",\"contentUrl\":\"https:\\\/\\\/arypubstorage.blob.core.windows.net\\\/web\\\/BlendertshirtLaura.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ary.eu\\\/index.php\\\/formations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/ary.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ary.eu\\\/#website\",\"url\":\"https:\\\/\\\/ary.eu\\\/\",\"name\":\"Ary\",\"description\":\"Cr\u00e9ez un lien \u00e9motionnel avec vos clients, partout, \u00e0 tout moment\",\"publisher\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ary.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ary.eu\\\/#organization\",\"name\":\"Ary\",\"url\":\"https:\\\/\\\/ary.eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/ary.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ary.eu\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/cropped-icone_o.png\",\"contentUrl\":\"https:\\\/\\\/ary.eu\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/cropped-icone_o.png\",\"width\":512,\"height\":512,\"caption\":\"Ary\"},\"image\":{\"@id\":\"https:\\\/\\\/ary.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formations - Ary","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:\/\/ary.eu\/index.php\/formations\/","og_locale":"fr_FR","og_type":"article","og_title":"Formations - Ary","og_description":"Formations AR – Devenez cr\u00e9ateur de R\u00e9alit\u00e9 Augment\u00e9e | ARY Passez de la 3D \u00e0 la R\u00e9alit\u00e9 Augment\u00e9e Nos formations sont con\u00e7ues pour vous aider \u00e0 transformer simplement et facilement vos cr\u00e9ations 3D en exp\u00e9riences AR immersives avec Blender et la plateforme ARY. Visualisez le R\u00e9sultat Manipuler vos looks dans […]","og_url":"https:\/\/ary.eu\/index.php\/formations\/","og_site_name":"Ary","article_modified_time":"2025-06-27T12:12:32+00:00","og_image":[{"url":"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ary.eu\/index.php\/formations\/","url":"https:\/\/ary.eu\/index.php\/formations\/","name":"Formations - Ary","isPartOf":{"@id":"https:\/\/ary.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ary.eu\/index.php\/formations\/#primaryimage"},"image":{"@id":"https:\/\/ary.eu\/index.php\/formations\/#primaryimage"},"thumbnailUrl":"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png","datePublished":"2025-06-11T13:45:46+00:00","dateModified":"2025-06-27T12:12:32+00:00","breadcrumb":{"@id":"https:\/\/ary.eu\/index.php\/formations\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ary.eu\/index.php\/formations\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ary.eu\/index.php\/formations\/#primaryimage","url":"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png","contentUrl":"https:\/\/arypubstorage.blob.core.windows.net\/web\/BlendertshirtLaura.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ary.eu\/index.php\/formations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ary.eu\/"},{"@type":"ListItem","position":2,"name":"Formations"}]},{"@type":"WebSite","@id":"https:\/\/ary.eu\/#website","url":"https:\/\/ary.eu\/","name":"Ary","description":"Cr\u00e9ez un lien \u00e9motionnel avec vos clients, partout, \u00e0 tout moment","publisher":{"@id":"https:\/\/ary.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ary.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/ary.eu\/#organization","name":"Ary","url":"https:\/\/ary.eu\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ary.eu\/#\/schema\/logo\/image\/","url":"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png","contentUrl":"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png","width":512,"height":512,"caption":"Ary"},"image":{"@id":"https:\/\/ary.eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/comments?post=11024"}],"version-history":[{"count":58,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11024\/revisions"}],"predecessor-version":[{"id":11175,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11024\/revisions\/11175"}],"wp:attachment":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/media?parent=11024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}