BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://www.inexine.com///NONSGML kigkonsult.se iCalcreator 2.10.20// METHOD:PUBLISH X-WR-CALNAME:Evénements du site https://www.inexine.com/ X-WR-TIMEZONE:Europe/Paris BEGIN:VEVENT UID:20260405T083418CEST-21017UHs4Z@https://www.inexine.com/ DTSTAMP:20260405T063418Z COMMENT:\n \n .crit1.etiquettecritere{\n display:none\ ;\n }\n .resume_container > .resume{\n display:no ne\;\n }\n /* RESET & BASE */\n .article-rgaa {\n font-family: 'Segoe UI'\, system-ui\, -apple-system\, sans-serif\ ;\n font-size: 15px\;\n color: #1a202c\;\n line-height: 1.7\;\n }\n\n .article-rgaa h3 {\n font-size: 22px\;\n font-weight: 700\;\n color: #0e 3fa5\;\n margin-bottom: 16px\;\n margin-top: 40px\; \n padding-bottom: 8px\;\n border-bottom: 2px solid #e2e8f0\;\n }\n\n .article-rgaa h4 {\n font-size: 17px\;\n font-weight: 700\;\n color: #1a202c\;\n margin-bottom: 12px\;\n margin-top: 24px\;\n } \n\n .article-rgaa p {\n font-size: 15px\;\n margin-bottom: 14px\;\n }\n\n .article-rgaa ul {\n list-style: none\;\n padding: 0\;\n margin-bottom: 20px\;\n }\n\n .article-rgaa ul li {\n font-size : 15px\;\n padding: 8px 0 8px 36px\;\n position: rel ative\;\n border-bottom: 1px solid #f1f5f9\;\n }\n\n .article-rgaa ul li::before {\n content: '\f26b'\;\n font-family: 'Material-Design-Iconic-Font'\;\n position: a bsolute\;\n left: 6px\;\n top: 9px\;\n co lor: #1a56db\;\n font-size: 16px\;\n }\n\n /* BA DGE */\n .article-rgaa .badge-bonne-pratique {\n displa y: inline-block\;\n background: #dbeafe\;\n color: # 1a56db\;\n font-size: 12px\;\n font-weight: 700\;\n letter-spacing: 1px\;\n text-transform: uppercase\; \n padding: 5px 14px\;\n border-radius: 50px\;\n margin-bottom: 20px\;\n }\n\n /* HERO */\n .article-rgaa .hero-titre {\n background: linear-gradient(135de g\, #1a56db 0%\, #072591 100%)\;\n color: white\;\n padding: 50px 40px\;\n border-radius: 12px\;\n margi n-bottom: 40px\;\n position: relative\;\n overflow: hidden\;\n }\n\n .article-rgaa .hero-titre::after {\n content: ''\;\n position: absolute\;\n bottom: -40px\;\n right: -40px\;\n width: 180px\;\n height: 180px\;\n background: rgba(255\,255\,255\,0.06)\;\n border-radius: 50%\;\n }\n\n .article-rgaa .hero- titre h3 {\n font-size: 26px\;\n color: white\;\n border-bottom: 2px solid rgba(255\,255\,255\,0.25)\;\n margin-top: 0\;\n }\n\n .article-rgaa .hero-titre p {\n font-size: 16px\;\n color: rgba(255\,255\,255\,0.88)\; \n margin-bottom: 0\;\n }\n\n .article-rgaa .hero -titre strong {\n color: #93c5fd\;\n }\n\n /* AL ERT BOX */\n .article-rgaa .alert-info-custom {\n backg round: #eff6ff\;\n border-left: 4px solid #1a56db\;\n border-radius: 8px\;\n padding: 18px 22px\;\n marg in: 30px 0\;\n font-size: 15px\;\n }\n\n .article -rgaa .alert-info-custom .alert-icon {\n font-family: 'Material -Design-Iconic-Font'\;\n font-size: 20px\;\n color: #1a56db\;\n margin-right: 10px\;\n vertical-align: m iddle\;\n }\n\n .article-rgaa .alert-info-custom strong {\n color: #1a56db\;\n }\n\n /* CARDS AVANTAGES */ \n .article-rgaa .cards-row {\n margin: 30px -10px\;\n }\n\n .article-rgaa .card-avantage {\n background: white\;\n border-radius: 10px\;\n padding: 24px 20p x\;\n margin: 10px\;\n box-shadow: 0 2px 12px rgba(0 \,0\,0\,0.07)\;\n border-top: 3px solid #1a56db\;\n transition: transform 0.25s ease\, box-shadow 0.25s ease\;\n he ight: 100%\;\n }\n\n .article-rgaa .card-avantage:hover {\n transform: translateY(-4px)\;\n box-shadow: 0 8px 24 px rgba(26\,86\,219\,0.15)\;\n }\n\n .article-rgaa .card-ava ntage .card-icon {\n font-family: 'Material-Design-Iconic-Font' \;\n font-size: 32px\;\n color: #1a56db\;\n display: block\;\n margin-bottom: 12px\;\n }\n\n .article-rgaa .card-avantage h4 {\n font-size: 16px\;\n margin-top: 0\;\n }\n\n .article-rgaa .card-avantage p {\n font-size: 14px\;\n color: #4a5568\;\n margin-bottom: 0\;\n }\n\n /* ÉTAPES */\n .arti cle-rgaa .etapes-list {\n counter-reset: etape\;\n l ist-style: none\;\n padding: 0\;\n margin-bottom: 20 px\;\n }\n\n .article-rgaa .etapes-list li {\n co unter-increment: etape\;\n padding: 16px 20px 16px 64px\;\n position: relative\;\n background: white\;\n border-radius: 10px\;\n margin-bottom: 12px\;\n fon t-size: 15px\;\n box-shadow: 0 1px 6px rgba(0\,0\,0\,0.06)\;\n border-bottom: none\;\n }\n\n .article-rgaa .etap es-list li::before {\n content: counter(etape)\;\n f ont-family: 'Segoe UI'\, system-ui\, sans-serif\;\n position: a bsolute\;\n left: 16px\;\n top: 50%\;\n t ransform: translateY(-50%)\;\n width: 34px\;\n heigh t: 34px\;\n background: #1a56db\;\n color: white\;\n border-radius: 50%\;\n display: flex\;\n align-items: center\;\n justify-content: center\;\n font-size: 15px\;\n font-weight: 700\;\n }\n\n / * ACCOMPAGNEMENT CARDS */\n .article-rgaa .accompagnement-card { \n background: white\;\n border-radius: 10px\;\n padding: 24px 22px\;\n margin-bottom: 20px\;\n box-shadow: 0 2px 12px rgba(0\,0\,0\,0.07)\;\n }\n\n .art icle-rgaa .accompagnement-card h4 {\n font-size: 17px\;\n display: flex\;\n align-items: center\;\n gap: 10px\;\n }\n\n .article-rgaa .accompagnement-card h4 .icon {\n font-family: 'Material-Design-Iconic-Font'\;\n f ont-size: 22px\;\n color: #1a56db\;\n }\n\n .arti cle-rgaa .accompagnement-card ul {\n margin-bottom: 0\;\n }\n\n .article-rgaa .accompagnement-card ul li {\n fon t-size: 14px\;\n border-bottom: none\;\n padding: 5p x 0 5px 28px\;\n }\n\n /* CTA */\n .article-rgaa .c ta-section {\n background: linear-gradient(135deg\, #1a56db 0%\ , #072591 100%)\;\n border-radius: 12px\;\n padding: 48px 40px\;\n text-align: center\;\n margin-top: 50 px\;\n color: white\;\n }\n\n .article-rgaa .cta- section h3 {\n color: white\;\n border-bottom: 2px s olid rgba(255\,255\,255\,0.25)\;\n font-size: 24px\;\n margin-top: 0\;\n }\n\n .article-rgaa .cta-section p {\n font-size: 16px\;\n color: rgba(255\,255\,255\,0.85) \;\n }\n\n .article-rgaa .cta-section ul {\n disp lay: inline-block\;\n text-align: left\;\n margin: 2 0px auto\;\n }\n\n .article-rgaa .cta-section ul li {\n color: rgba(255\,255\,255\,0.9)\;\n font-size: 15px\;\n border-bottom: none\;\n padding: 6px 0 6px 32px\;\n }\n\n .article-rgaa .cta-section ul li::before {\n content: '\f26b'\;\n font-family: 'Material-Design-Iconic-Fon t'\;\n color: #93c5fd\;\n }\n\n .article-rgaa .ct a-btn {\n display: inline-block\;\n background: whit e\;\n color: #1a56db\;\n font-size: 16px\;\n font-weight: 700\;\n padding: 14px 36px\;\n bord er-radius: 50px\;\n text-decoration: none\;\n margin -top: 24px\;\n transition: transform 0.2s ease\, box-shadow 0.2 s ease\;\n box-shadow: 0 4px 16px rgba(0\,0\,0\,0.15)\;\n }\n\n .article-rgaa .cta-btn:hover {\n transform: tran slateY(-2px)\;\n box-shadow: 0 8px 24px rgba(0\,0\,0\,0.2)\;\n color: #0e3fa5\;\n text-decoration: none\;\n }\n\n .article-rgaa .cta-tagline {\n font-size: 13px\;\n color: rgba(255\,255\,255\,0.6)\;\n margin-top: 24p x\;\n font-style: italic\;\n }\n\n /* ANIMATION */\n .article-rgaa .fade-in {\n opacity: 0\;\n transform: translateY(20px)\;\n transition: opacity 0.5s eas e\, transform 0.5s ease\;\n }\n\n .article-rgaa .fade-in.vis ible {\n opacity: 1\;\n transform: translateY(0)\;\n }\n \n\n \n Bonnes pratiques\n\n \n \n La Di rection interministérielle du numérique (DINUM) a récemment confirmé la so rtie de la version 5 du RGAA pour fin 2026. Cette mise à jour\, fruit d'un e collaboration avec les acteurs publics\, privés et associatifs\, vise à simplifier et renforcer les critères d'accessibilité numérique sans remett re en cause les efforts déjà engagés.\n \n\n \n \n RGAA 5 : une évolution\, pas une révolution\n Contrairement à une idée reç ue\, le RGAA 5 ne rendra pas caducs les travaux réalisés sur la base du RG AA 4.1. Au contraire\, cette nouvelle version précisera et complétera les critères existants pour :\n\n \n \n \n \n Clarifier les exigences\n Des critères plus clairs pour faciliter leur mise en œuvre au q uotidien.\n \n \n \n \n \n Intégrer les retours terrain \n Une meilleure adéquation avec les réalités des colle ctivités.\n \n \n \n \n \n Anticiper les évolutions\n IA\, nouveaux formats de contenu et technologies émergent es intégrés.\n \n \n \n\n \n \n Bon à savoir : Les déclarations d'accessibilité publi ées avant la sortie du RGAA 5 resteront valables 18 mois (dans la limite d es 3 ans à partir de leur date de publication). Une période de transition qui permet aux collectivités de poursuivre sereinement leur démarche de co nformité.\n \n \n\n \n \n Pourquoi cette mise à jou r est une bonne nouvelle pour les collectivités ?\n Le RGAA 5 s'ins crit dans une démarche d'amélioration continue de l'accessibilité numériqu e\, avec plusieurs avantages pour les territoires :\n\n \n \n \n \n Une meil leure lisibilité\n Les critères seront organisés de man ière plus intuitive\, facilitant leur appropriation par les équipes techni ques et éditoriales.\n \n \n \n \n \n Une approche progre ssive\n Les critères du RGAA 5 viendront compléter ceux du RGAA 4.1\, sans les remettre en cause. Les travaux en cours gardent to ute leur pertinence.\n \n \n \n \n\n \n \n Comment se préparer dès maintenant ?\n Plutôt que de voir cette évolution comme une contrainte\, les collectivités peuvent en faire une opportunité :\n\n \n Évaluer leur niveau d' accessibilité actuel avec un audit RGAA 4.1\, afin d'identifier les points à améliorer avant la sortie du RGAA 5.\n Former leurs équipes aux bonnes pratiques d'accessibilité numérique\, pour une mise en conformi té durable.\n Anticiper les futures exigences en intégrant dès maintenant les principes d'accessibilité dans leurs projets numériques.\n \n \n\n \n \n Notre accompagnement : une solution c lé en main pour les collectivités\n Nous accompagnons les collectiv ités territoriales dans leur démarche d'accessibilité numérique\, avec une approche pragmatique et bienveillante :\n\n \n \n \n  Audit RGAA complet\n \n Analyse des 106 critères du RGAA 4.1 (tests manu els et automatisés).\n Rapport clair et actionnable avec des recommandations priorisées.\n \n \n \n \n \n  P lan d'action sur mesure\n \n Sol utions techniques et éditoriales progressives.\n Ré daction de votre déclaration d'accessibilité et schéma pluriannuel.\n \n \n \n \n \n  Suivi dans la durée\n \n Formation de vos équipes (développeurs\, rédacteurs\ , webmasters).\n Veille réglementaire pour rester i nformé des évolutions RGAA.\n \n \n \n \n \n\n \n \n Prêt à anticiper sereinemen t le RGAA 5 ?\n C'est le moment idéal pour faire le point sur votre accessibilité numérique et engager une démarche durable.\n \n Évaluation de votre conformité en quelques jours\n Solut ions adaptées à votre structure et à vos contraintes\n Accompag nement jusqu'à la validation finale\, en toute sérénité\n \n \n Contactez-nous pour un audit RGAA →\n Parce qu'un servic e public numérique accessible\, c'est un service public qui évolue avec le s attentes de tous les citoyens.\n \n\n \n (function () {\n var elements = document.querySelectorAll('.article-rgaa .fade-in ')\;\n\n function checkVisibility() {\n elements .forEach(function (el) {\n var rect = el.getBoundingCli entRect()\;\n if (rect.top < window.innerHeight - 60) { \n el.classList.add('visible')\;\n }\n })\;\n }\n\n window.addEventLi stener('scroll'\, checkVisibility)\;\n checkVisibility()\;\n })()\;\n \n\n\n DESCRIPTION:La Direction interministérielle du numérique (DINUM) a récem ment confirmé la sortie de la version 5 du RGAA pour fin 2026. Cette mise à jour\, fruit d’une collaboration avec les acteurs publics\, privés et associatifs\, vise à simplifier et renforcer les critères d’accessi bilité numérique sans remettre en cause les efforts déjà engagés.\n DTSTART:20001130T000000 DTEND:19700101T000000 SUMMARY:RGAA 5 en 2026 : renforcer l’accessibilité numérique des collectivi tés END:VEVENT BEGIN:VEVENT UID:20260405T083418CEST-2189WvTfnI@https://www.inexine.com/ DTSTAMP:20260405T063418Z COMMENT:\n .article-card {\n background: #fff\;\n border-radius: 8px \;\n box-shadow: 0 2px 15px rgba(0\, 0\, 0\, 0.08)\;\n padding: 25px \;\n margin: 20px 0\;\n }\n\n .article-card .article-img {\n width : 100%\;\n height: auto\;\n border-radius: 6px\;\n display: block \;\n }\n\n .article-card .article-title {\n font-size: 20px\;\n fo nt-weight: 700\;\n color: #2c3e50\;\n margin-top: 0\;\n margin-bo ttom: 15px\;\n padding-bottom: 10px\;\n border-bottom: 2px solid #34 98db\;\n }\n\n .article-card h3 {\n font-size: 17px\;\n font-weigh t: 700\;\n color: #3498db\;\n margin-top: 20px\;\n margin-bottom: 12px\;\n }\n\n .article-card p {\n color: #555\;\n line-height: 1 .7\;\n font-size: 14px\;\n }\n\n .article-card ul {\n list-style: none\;\n padding-left: 0\;\n margin-bottom: 15px\;\n }\n\n .articl e-card ul li {\n padding: 8px 12px\;\n margin-bottom: 6px\;\n bac kground: #f0f7ff\;\n border-left: 3px solid #3498db\;\n border-radiu s: 0 4px 4px 0\;\n color: #555\;\n font-size: 14px\;\n line-heigh t: 1.5\;\n }\n\n @media (max-width: 768px) {\n .article-card .article -img {\n margin-bottom: 20px\;\n }\n }\n\n\n\n \n\n \n \n \n\n \n\n Un défi technique de taille\n\n \n La particularité de ce projet résidait dans la\n gestion des contenus partagés\n entre le site principal (Unara) et ses déclinaisons. Grâ ce à une\n architecture sur mesure\, nous avons permis une\n synchronisation fluide\n des informations tout en garantissant l'a utonomie de chaque site.\n \n\n Une expérience utilisateur optim isée\n\n \n Design cohérent sur l'ensemble des plateformes\n Contenus dynamiques et mis à jour en temps réel\n Performance et sécurité renforcées\n \n\n \n Un projet exigeant\, me né avec succès pour offrir à notre client une\n solution scalable\, intuitive et performante.\n \n\n \n\n \n\n DESCRIPTION:Nous avons accompagné notre client dans la migration de son é cosystème digital : un site principal (unara.fr) et trois sites enfants p artageant le même graphisme\, mais avec des contenus distincts. La partic ularité de ce projet ? Une architecture innovante permettant le partage d e contenus entre le site chapeau et ses déclinaisons.\n DTSTART:20001130T000000 DTEND:19700101T000000 SUMMARY:L'Unara : un écosystème digital interconnecté END:VEVENT BEGIN:VEVENT UID:20260405T083418CEST-21910DMGuC@https://www.inexine.com/ DTSTAMP:20260405T063418Z COMMENT: DESCRIPTION:Refonte du site internet\, couplée à une application mobile e t une offre citoyenne\, Mériel est prête à communiquer auprès de ses administrés en toute quiétude.\n DTSTART:20001130T000000 DTEND:19700101T000000 SUMMARY:Commune de Mériel END:VEVENT END:VCALENDAR