Coller du code HTML

Coller le code HTML de la page<option value="375" selected>iPhone SE / 8 / X (375 px)</option><option value="390">iPhone 12-15 (390px)</option><option value="412">Google Pixel 7-8 (412px)</option><option value="414">iPhone 11 Pro Max (414px)</option><option value="360">Samsung Galaxy S22 (360px)</option><option value="768">Portrait d'iPad (768 px)</option></select></div> <div class="rt-o"> <h3>Audit mobile + Aperçu</h3> <div id="mf-out" style="background:#fafafa;border:1px solid #e0e6d8;border-radius:8px;padding:14px;font-size:14px;min-height:80px;line-height:1.5">Les résultats de l'audit apparaissent ici</div> </div> </div> <p><script>function cMf(){var html=document.getElementById("mf-in").value;var bp=document.getElementById("mf-bp").value;if(!html.trim()){document.getElementById("mf-out").innerHTML="<i style=\"color:#888\">Paste HTML to run mobile audit</i>";return}var doc;try{doc=new DOMParser().parseFromString(html,"text/html")}catch(e){return}var vp=doc.querySelector("meta[name=viewport]");var vpContent=vp?vp.getAttribute("content"):null;var hasViewport=!!vp;var hasDeviceWidth=vpContent&&vpContent.indexOf("device-width")>-1;var hasScalable=vpContent&&!vpContent.match(/user-scalable\s*=\s*no/);var fontSizes=Array.from(doc.querySelectorAll("[style*=font-size]")).map(function(el){var m=(el.getAttribute("style")||"").match(/font-size\s*:\s*(\d+(?:\.\d+)?)\s*px/);return m?parseFloat(m[1]):null}).filter(Boolean);var smallFonts=fontSizes.filter(function(f){return f<14}).length;var checks=[{label:"Viewport meta tag",pass:hasViewport,fix:"Add <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"},{label:"device-width in viewport",pass:hasDeviceWidth,fix:hasViewport?"Update viewport to include width=device-width":"Set viewport first"},{label:"Allows user scaling (accessibility)",pass:!vpContent||hasScalable,fix:"Avoid user-scalable=no — it blocks accessibility zoom"},{label:"No inline font sizes below 14px",pass:smallFonts===0,fix:smallFonts+" inline font-size below 14px detected — small text is hard to read on mobile"}];var preview='</p> <div style="border:8px solid #333;border-radius:24px;background:#fff;padding:0;max-width:'+bp+'px;margin:14px auto;overflow:hidden"><iframe srcdoc="'+html.replace(/"/g,""").substring(0,80000)+'" sandbox="allow-same-origin" style="width:100%;height:560px;border:0;display:block"></iframe></div> <p>';var checksHtml=checks.map(function(c){var col=c.pass?"#719430":"#c44";var ic=c.pass?"✓":"✖";return '</p> <div style="background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:12px;display:flex;gap:10px;align-items:flex-start"> <div style="color:'+col+';font-weight:700;font-size:18px;width:20px;flex-shrink:0">'+ic+'</div> <div><b style="color:#4a6320">'+c.label+'</b>'+(!c.pass?'</p> <div style="font-size:12px;color:#c44;margin-top:3px">'+c.fix+'</div> <p>':'')+'</p></div> </div> <p>'}).join("");document.getElementById("mf-out").innerHTML='</p> <div style="display:grid;gap:10px">'+checksHtml+'</div> <div style="font-size:11px;color:#719430;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 6px">Live preview at '+bp+'px</div> <p>'+preview}document.getElementById("mf-in").addEventListener("input",cMf);document.getElementById("mf-bp").addEventListener("change",cMf);cMf();</script></p> <h2>Comment utiliser le test d'optimisation mobile</h2> <p>Collez le code HTML de votre page. Choisissez un point de rupture pour prévisualiser : l’iPhone SE (375 px) est le point de départ le plus courant, puis testez le Galaxy S22 (360 px) pour l’écran le plus étroit, le Pixel (412 px) pour un écran large et l’iPad (768 px) pour une tablette. L’outil effectue quatre vérifications clés (métadonnées de la fenêtre d’affichage, largeur de l’appareil, zoom d’accessibilité et tailles de police intégrées) et affiche un aperçu iframe isolé au point de rupture choisi.</p> <h2>Pourquoi cet outil est important</h2> <p>Depuis 2019, Google utilise l'indexation mobile-first : il indexe la version mobile de votre site, et non la version pour ordinateur. Si l'affichage mobile de votre site est incorrect, votre référencement en pâtit. La balise méta viewport est le signal mobile le plus important ; sans elle, Google considère que votre page est uniquement destinée aux ordinateurs et pénalise les utilisateurs mobiles. Cet outil détecte ce problème, ainsi que d'autres problèmes courants d'affichage mobile, en un seul coup d'œil.</p> <h2>Cas d'utilisation courants</h2> <ul> <li>Audit mobile préalable au lancement d'une page de destination</li> <li>Repérer les problèmes d'accessibilité (polices de caractères trop petites, zoom bloqué)</li> <li>Comparer le rendu d'une refonte à plusieurs points de rupture</li> <li>Vérification de l'affichage des e-mails contenant beaucoup de texte sur des écrans étroits</li> <li>Diagnostiquer la cause de la baisse du classement mobile après une modification CSS</li> <li>Création d'une liste de contrôle qualité mobile pour les éditeurs et les développeurs</li> </ul> <h2>Pourquoi prévisualisons-nous le HTML dans une iframe ?</h2> <p>Les navigateurs bloquent la récupération d'URL arbitraires depuis un outil exécuté dans le navigateur (CORS). Coller du code HTML permet d'obtenir un aperçu isolé du balisage collé ; c'est utile pour les environnements de test, les pages protégées par pare-feu et le code HTML généré par programmation. L'aperçu est isolé (aucun script ne s'exécute) pour des raisons de sécurité.</p> <h2>Foire aux questions</h2> <p><strong>Pourquoi mon aperçu semble-t-il défectueux ?</strong><br />Le bac à sable iframe bloque les scripts et feuilles de style externes pour des raisons de sécurité. L'aperçu ne reflète que le code HTML/CSS intégré. Pour un aperçu complet, utilisez l'émulation d'appareil des outils de développement Chrome sur la page en ligne.</p> <p><strong>Quelle balise meta viewport dois-je utiliser ?</strong><br /><meta name="viewport" content="width=device-width, initial-scale=1"> C'est la norme. Évitez user-scalable=no : cela bloque le zoom d'accessibilité et constitue un signal de pénalité de Google.</p> <p><strong>Quelle taille de police est trop petite pour un appareil mobile ?</strong><br />Moins de 14 px (16 px étant l'idéal). En dessous de 12 px, le texte est illisible pour la plupart des utilisateurs mobiles et déclenche l'avertissement “ Texte trop petit pour être lu ” de Google dans la Search Console.</p> <p><strong>Comment cela se compare-t-il au test officiel d'optimisation mobile de Google ?</strong><br />Le test de Google récupère l'URL avec son robot d'exploration ; il est infaillible, mais ne fonctionne que sur les pages publiques. Notre outil, quant à lui, s'exécute sur du code HTML collé ; il est donc compatible avec les environnements de test, les sites protégés par pare-feu ou pour la validation avant lancement.</p> <div class="rt-cta"> <h3>Besoin d'un audit complet de l'expérience utilisateur mobile et d'une feuille de route d'optimisation ?</h3> <p style="margin:0;opacity:.95">L'agence Riman propose des programmes de conception mobile-first et de référencement (SEO).</p> <p><a href="/fr/contact/">Réservez un audit mobile</a></div> </div><footer class="entry-footer"></footer> </div> </article><!--end post-entry--> <!--end content--> </main> </div><!--end container--> </div><!-- close default .container_wrap element --> <div class='container_wrap footer_color' id='footer'> <div class='container'> <div class='flex_column av_one_third first el_before_av_one_third'><section id="custom_html-2" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">Services et calculatrices</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>Pages principales</h4><ul><li><a href="/fr/">Maison</a></li><li><a href="/fr/about-us/">À propos de nous</a></li><li><a href="/fr/services/">Services</a></li><li><a href="/fr/tools/">Outils (160+)</a></li><li><a href="/fr/blog/">Blog</a></li><li><a href="/fr/books-by-tarek-riman/">Livres de Tarek Riman</a></li><li><a href="/fr/workshops/">Ateliers</a></li><li><a href="/fr/faq/">FAQ</a></li><li><a href="/fr/contact/">Contact</a></li></ul><h4>Services de pointe</h4><ul><li><a href="/fr/seo/">référencement</a></li><li><a href="/fr/answer-engine-optimization-aeo-services/">Services AEO</a></li><li><a href="/fr/geo-ai-search-visibility-services/">Recherche géolocalisée et IA</a></li><li><a href="/fr/ai-marketing-strategy-implementation-services/">Stratégie marketing IA</a></li><li><a href="/fr/advanced-google-analytics-expert-in-montreal/">Analytique</a></li><li><a href="/fr/web-development-and-design/">Développement et conception web</a></li><li><a href="/fr/services/" class="more">→ Voir tous les services</a></li></ul><h4>Meilleurs calculateurs marketing</h4><ul><li><a href="https://rimanagency.com/fr/sms-marketing-roi-calculator/">Calculateur de retour sur investissement marketing</a></li><li><a href="https://rimanagency.com/fr/customer-lifetime-value-clv-calculator/">Calculateur de valeur vie client</a></li><li><a href="https://rimanagency.com/fr/customer-acquisition-cost-cac-calculator/">Calculateur CAC</a></li><li><a href="https://rimanagency.com/fr/nps-calculator-compute-your-net-promoter-score/">Calculateur NPS</a></li><li><a href="https://rimanagency.com/fr/average-order-value-aov-calculator/">Calculateur AOV</a></li><li><a href="https://rimanagency.com/fr/conversion-rate-calculator-free/">Taux de conversion</a></li><li><a href="/fr/tools/#marketing-business-calculators" class="more">→ Voir toutes les calculatrices</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third'><section id="custom_html-3" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">SaaS, publicité et finance</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>SaaS et abonnement</h4><ul><li><a href="https://rimanagency.com/fr/saas-mrr-growth-calculator/">Croissance du MRR SaaS</a></li><li><a href="https://rimanagency.com/fr/net-revenue-retention-nrr-calculator/">Retenue des revenus nets</a></li><li><a href="https://rimanagency.com/fr/ltvcac-ratio-calculator/">Ratio LTV/CAC</a></li><li><a href="https://rimanagency.com/fr/burn-rate-runway-calculator/">Taux de combustion et marge de manœuvre</a></li><li><a href="https://rimanagency.com/fr/cohort-ltv-calculator/">Cohorte LTV</a></li><li><a href="https://rimanagency.com/fr/saas-magic-number-calculator/">Numéro magique SaaS</a></li><li><a href="/fr/tools/#saas-subscription-metrics" class="more">→ Voir tous les outils SaaS</a></li></ul><h4>Publicités payantes et e-mails</h4><ul><li><a href="https://rimanagency.com/fr/google-ads-roas-calculator-find-your-break-even-and-target-roas/">ROAS des publicités Google</a></li><li><a href="https://rimanagency.com/fr/facebook-ads-cpm-roas-estimator/">Facebook/Meta CPM</a></li><li><a href="https://rimanagency.com/fr/linkedin-ads-cost-per-lead-calculator/">LinkedIn CPL</a></li><li><a href="https://rimanagency.com/fr/email-marketing-roi-calculator-forecast-revenue-from-your-email-list/">ROI du marketing par e-mail</a></li><li><a href="https://rimanagency.com/fr/email-list-growth-forecaster/">Développement de la liste de diffusion par e-mail</a></li><li><a href="https://rimanagency.com/fr/influencer-marketing-roi-calculator-forecast-and-measure-sponsored-content-returns/">ROI des influenceurs</a></li><li><a href="/fr/tools/#paid-ads-calculators" class="more">→ Voir toutes les annonces et les e-mails</a></li></ul><h4>Finance et tarification</h4><ul><li><a href="https://rimanagency.com/fr/profit-margin-calculator-gross-net/">Marge bénéficiaire</a></li><li><a href="https://rimanagency.com/fr/net-present-value-npv-calculator/">Calculateur de VAN</a></li><li><a href="https://rimanagency.com/fr/compound-interest-calculator/">Intérêts composés</a></li><li><a href="https://rimanagency.com/fr/markup-calculator-from-cost-to-selling-price/">Calculateur de marge</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_third el_after_av_one_third el_before_av_one_third'><section id="custom_html-4" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">Contenu, réseaux sociaux et référencement</h3><div class="textwidget custom-html-widget"><style>.rim-foot{font-size:13px;line-height:1.5}.rim-foot ul{padding:0;margin:0 0 16px;list-style:none}.rim-foot li{margin:0 0 5px}.rim-foot a{color:#d0d0d0;text-decoration:none}.rim-foot a:hover{color:#8aac49}.rim-foot h4{color:#fff;font-size:13px;font-weight:700;margin:18px 0 8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px}.rim-foot h4:first-of-type{margin-top:0}.rim-foot .more{color:#8aac49;font-style:italic;font-size:12px;display:inline-block;margin-top:2px}</style><div class="rim-foot"><h4>Contenu et rédaction</h4><ul><li><a href="https://rimanagency.com/fr/headline-analyzer-free-tool/">Analyseur de titres</a></li><li><a href="https://rimanagency.com/fr/flesch-reading-ease-calculator/">Score de lecture de Flesch</a></li><li><a href="https://rimanagency.com/fr/meta-description-generator-serp-optimized-snippets/">Méta-description</a></li><li><a href="https://rimanagency.com/fr/aida-copywriting-framework-builder/">Constructeur AIDA</a></li><li><a href="https://rimanagency.com/fr/word-counter-reading-time-tool/">Compteur de mots</a></li><li><a href="https://rimanagency.com/fr/tweet-thread-builder-length-validator/">Créateur de fils de discussion Tweet</a></li><li><a href="/fr/tools/#content-copywriting-social" class="more">→ Voir tous les outils de contenu</a></li></ul><h4>Schéma et référencement</h4><ul><li><a href="https://rimanagency.com/fr/faq-schema-markup-generator/">Schéma FAQ</a></li><li><a href="https://rimanagency.com/fr/answer-module-generator-aeo-free-apon-tool/">Module de réponse AEO</a></li><li><a href="https://rimanagency.com/fr/seo-traffic-forecasting-calculator-project-organic-growth-from-rankings/">Prévisions de trafic SEO</a></li><li><a href="/fr/tools/#schema-generators-json-ld" class="more">→ Tous les schémas</a>  ·  <a href="/fr/tools/#seo-technical-tools" class="more">Tout le référencement</a></li></ul><h4>Articles populaires</h4><ul><li><a href="/fr/what-is-answer-engine-optimization-aeo-the-2026-definition-marketers-need/">Qu’est-ce que l’AEO ? (2026)</a></li><li><a href="/fr/aeo-vs-seo-what-changes-in-the-answer-era-2026-guide/">Guide AEO vs SEO</a></li><li><a href="/fr/the-citation-triangle-how-ai-engines-decide-what-to-cite/">Le triangle des citations</a></li><li><a href="/fr/the-answer-module-formula-how-to-write-citation-friendly-content-apon/">Formule de réponse APON</a></li><li><a href="/fr/google-ai-overviews-vs-ai-mode-how-to-optimize-for-both-surfaces/">Aperçu de l'IA vs Mode IA</a></li><li><a href="/fr/10-ai-marketing-plays-every-smb-should-run-this-quarter/">10 stratégies marketing basées sur l'IA</a></li><li><a href="/fr/e-e-a-t-in-the-ai-era-why-experience-beats-information/">Manger à l'ère de l'IA</a></li><li><a href="/fr/how-to-blog-in-the-ai-era-the-2026-playbook/">Comment bloguer à l'ère de l'IA</a></li><li><a href="/fr/blog/" class="more">→ Voir tous les articles</a></li></ul></div></div><span class="seperator extralight-border"></span></section></div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class='container_wrap socket_color' id='socket' role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" aria-label="Copyright et informations sur l'entreprise" data-no-translation-aria-label="" > <div class='container'> <span class='copyright'>Agence Riman 2026 - Conçu et développé par l'Agence Riman </span> <ul class='noLightbox social_bookmarks icon_count_2'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1 avia_social_iconfont'><a target="_blank" aria-label="Lien vers Facebook" href='https://www.facebook.com/CapTaiMMarketing/' data-av_icon='' data-av_iconfont='entypo-fontello' title="Lien vers Facebook" desc="Lien vers Facebook" data-no-translation-aria-label="" data-no-translation-title="" data-no-translation-desc=""><span class='avia_hidden_link_text' data-no-translation="" data-trp-gettext="">Lien vers Facebook</span></a></li><li class='social_bookmarks_linkedin av-social-link-linkedin social_icon_2 avia_social_iconfont'><a target="_blank" aria-label="Lien vers LinkedIn" href='https://www.linkedin.com/in/tarekriman/' data-av_icon='' data-av_iconfont='entypo-fontello' title="Lien vers LinkedIn" desc="Lien vers LinkedIn" data-no-translation-aria-label="" data-no-translation-title="" data-no-translation-desc=""><span class='avia_hidden_link_text' data-no-translation="" data-trp-gettext="">Lien vers LinkedIn</span></a></li></ul><nav class='sub_menu_socket' role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" ><div class="avia3-menu"><ul role="menu" class="menu" id="avia3-menu"><li role="menuitem" id="menu-item-3223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-1"><a href="https://rimanagency.com/fr/terms-of-service/" itemprop="url" tabindex="0"><span class="avia-bullet"></span><span class="avia-menu-text">Conditions d'utilisation</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> </ul></div></nav> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div> <!-- end wrap_all --></div> <a href='#top' title='Faites défiler vers le haut' id='scroll-top-link' class='avia-svg-icon avia-font-svg_entypo-fontello' data-av_svg_icon='up-open' data-av_iconset='svg_entypo-fontello' tabindex='-1' aria-hidden='true' data-no-translation-title=""> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="19" height="32" viewbox="0 0 19 32" preserveaspectratio="xMidYMid meet" aria-labelledby='av-svg-title-4' aria-describedby='av-svg-desc-4' role="graphics-symbol" aria-hidden="true"> <title id='av-svg-title-4' data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</title> <desc id='av-svg-desc-4' data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</desc> <path d="M18.048 18.24q0.512 0.512 0.512 1.312t-0.512 1.312q-1.216 1.216-2.496 0l-6.272-6.016-6.272 6.016q-1.28 1.216-2.496 0-0.512-0.512-0.512-1.312t0.512-1.312l7.488-7.168q0.512-0.512 1.28-0.512t1.28 0.512z"></path> </svg> <span class="avia_hidden_link_text" data-no-translation="" data-trp-gettext="">Faites défiler vers le haut</span> </a> <div id="fb-root"></div> <template id="tp-language" data-tp-language="fr_CA"></template><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/fr/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/enfold/*","/fr/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <a id="riman-skip-link" href="#riman-accessibility-container" data-no-translation="" data-trp-gettext="">Passer au panneau d'accessibilité</a> <!-- Toggle --> <button id="riman-toggle-button" aria-label="Ouvrir le panneau d'accessibilité (Ctrl+Alt+A)" aria-expanded="false" aria-controls="riman-accessibility-container" aria-haspopup="dialog" data-no-translation-aria-label=""> <span class="r-ico r-ico-a" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </span> <span class="r-ico r-ico-b" aria-hidden="true"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> </span> </button> <!-- Panel --> <div id="riman-accessibility-container" role="dialog" aria-modal="true" aria-labelledby="riman-panel-title" aria-hidden="true" tabindex="-1"> <div id="riman-panel-header"> <div id="riman-panel-identity"> <div id="riman-panel-badge" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </div> <h2 id="riman-panel-title" data-tr="header" data-no-translation="" data-trp-gettext="">Accessibilité</h2> </div> <div id="riman-header-right"> <select id="riman-panel-lang" aria-label="Langue" data-no-translation-aria-label=""> <option value="en">FR</option><option value="fr">FR</option><option value="es">ES</option> </select> <button id="riman-panel-close" aria-label="Fermer le panneau" data-no-translation-aria-label=""> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> </button> </div> </div> <div id="riman-panel-grid"> <p class="r-label" data-tr="sec-display" data-no-translation="" data-trp-gettext="">Afficher</p> <button type="button" class="riman-feature-tile" data-action="high-contrast" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">◑</span> <span class="r-tile-label" data-tr="high-contrast" data-no-translation="" data-trp-gettext="">Contraste élevé</span> </button> <button type="button" class="riman-feature-tile" data-action="dark-mode" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">☾</span> <span class="r-tile-label" data-tr="dark-mode" data-no-translation="" data-trp-gettext="">Mode sombre</span> </button> <button type="button" class="riman-feature-tile" data-action="hide-images" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">⛶</span> <span class="r-tile-label" data-tr="hide-images" data-no-translation="" data-trp-gettext="">Masquer les images</span> </button> <button type="button" class="riman-feature-tile" data-action="reading-mask" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">◌</span> <span class="r-tile-label" data-tr="reading-mask" data-no-translation="" data-trp-gettext="">Masque de lecture</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-text" data-no-translation="" data-trp-gettext="">Texte</p> <div class="r-stepper-tile" role="group" aria-label="Taille de la police" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="font-size" aria-label="Réduire la taille de la police" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-fs-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="font-size" aria-label="Augmenter la taille de la police" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="font-size" data-no-translation="" data-trp-gettext="">Taille de la police</span> </div> <div class="r-stepper-tile" role="group" aria-label="Hauteur de ligne" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="line-height" aria-label="Diminuer la hauteur de la ligne" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-lh-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="line-height" aria-label="Augmenter la hauteur de la ligne" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="line-height" data-no-translation="" data-trp-gettext="">Hauteur de ligne</span> </div> <div class="r-stepper-tile" role="group" aria-label="Espacement des lettres" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="letter-spacing" aria-label="Réduire l'espacement des lettres" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-ls-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="letter-spacing" aria-label="Augmenter l'espacement des lettres" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="letter-spacing" data-no-translation="" data-trp-gettext="">Espacement des lettres</span> </div> <div class="r-stepper-tile" role="group" aria-label="Zoom sur la page" data-no-translation-aria-label=""> <div class="r-stepper"> <button type="button" class="r-step-btn" data-op="decrease" data-target="zoom" aria-label="Dézoomer" data-no-translation-aria-label="">−</button> <div class="r-step-divider"></div> <span class="r-step-val" id="riman-zoom-val" aria-live="polite" aria-atomic="true">100%</span> <div class="r-step-divider"></div> <button type="button" class="r-step-btn" data-op="increase" data-target="zoom" aria-label="Zoomer" data-no-translation-aria-label="">+</button> </div> <span class="r-stepper-label" data-tr="zoom" data-no-translation="" data-trp-gettext="">Zoom sur la page</span> </div> <div class="r-divider"></div> <p class="r-label" data-tr="sec-fonts" data-no-translation="" data-trp-gettext="">Polices de caractères</p> <button type="button" class="riman-feature-tile" data-action="readable-font" aria-pressed="false"> <span class="r-tile-icon" style="font-family:Arial,sans-serif;" aria-hidden="true">Aa</span> <span class="r-tile-label" data-tr="readable-font" data-no-translation="" data-trp-gettext="">Police lisible</span> </button> <button type="button" class="riman-feature-tile" data-action="dyslexia-font" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">Dd</span> <span class="r-tile-label" data-tr="dyslexia-font" data-no-translation="" data-trp-gettext="">Police de caractères pour dyslexiques</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-nav" data-no-translation="" data-trp-gettext="">Navigation</p> <button type="button" class="riman-feature-tile" data-action="highlight-links" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">#</span> <span class="r-tile-label" data-tr="highlight-links" data-no-translation="" data-trp-gettext="">Liens importants</span> </button> <button type="button" class="riman-feature-tile" data-action="highlight-titles" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">H</span> <span class="r-tile-label" data-tr="highlight-titles" data-no-translation="" data-trp-gettext="">Titres phares</span> </button> <div class="r-divider"></div> <p class="r-label" data-tr="sec-align" data-no-translation="" data-trp-gettext="">Alignement</p> <div class="r-segment-wrap" role="group" aria-label="Alignement du texte" data-no-translation-aria-label=""> <button type="button" class="riman-feature-tile" data-action="align-left" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">←</span> <span class="r-tile-label" data-tr="align-left" data-no-translation="" data-trp-gettext="">Gauche</span> </button> <button type="button" class="riman-feature-tile" data-action="align-center" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">↔</span> <span class="r-tile-label" data-tr="align-center" data-no-translation="" data-trp-gettext="">Centre</span> </button> <button type="button" class="riman-feature-tile" data-action="align-right" aria-pressed="false"> <span class="r-tile-icon" aria-hidden="true">→</span> <span class="r-tile-label" data-tr="align-right" data-no-translation="" data-trp-gettext="">Droite</span> </button> </div> </div><!-- /grid --> <button id="riman-panel-reset" type="button" data-tr="reset"> <svg width="13" height="13" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg> Réinitialiser tous les paramètres </button> <div id="riman-panel-footer" data-no-translation="" data-trp-gettext="">Ctrl+Alt+A pour activer/désactiver · Échap pour fermer</div> <div id="riman-brand-section"> <div id="riman-brand-top"> <div id="riman-brand-icon-wrap" aria-hidden="true"> <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="14" r="11"/><path d="M76 70 L65 44 L43 44 L39 28 L25 28 L25 38 L33 38 L38 55 L61 55 L68 78 C71 87 82 85 80 75 Z"/><path d="M49 57 L49 44 L58 44 L63 57 Q55 67 42 64 Q30 61 28 50 Q27 38 36 32 L40 44 Q35 47 34 52 Q33 60 42 63 Q48 65 49 57 Z"/></svg> </div> <div id="riman-brand-text-wrap"> <span id="riman-brand-name">Outil d'accessibilité Riman</span> <span id="riman-brand-tagline" data-no-translation="" data-trp-gettext="">Des expériences conformes aux WCAG pour chaque utilisateur</span> </div> </div> <a id="riman-brand-cta" href="mailto:t@rimanagency.com" aria-label="Contactez l'agence Riman pour rendre votre site accessible." data-no-translation-aria-label=""> <svg width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> <span id="riman-brand-cta-text"> Rendez votre site entièrement accessible <span id="riman-brand-cta-email">t@rimanagency.com</span> </span> <svg width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div> </div><!-- /panel --> <script> /* Riman Accessibility Plugin v5.0 */ (function(){ 'use strict'; /* ── translations ───────────────────────────────────────────────────── */ var TR = { en:{header:'Accessibility','sec-display':'Display','sec-text':'Text','sec-fonts':'Fonts','sec-nav':'Navigation','sec-align':'Alignment','high-contrast':'High Contrast','dark-mode':'Dark Mode','hide-images':'Hide Images','reading-mask':'Reading Mask','font-size':'Font Size','line-height':'Line Height','letter-spacing':'Letter Spacing',zoom:'Page Zoom','readable-font':'Readable Font','dyslexia-font':'Dyslexia Font','highlight-links':'Highlight Links','highlight-titles':'Highlight Titles','align-left':'Left','align-center':'Center','align-right':'Right',reset:'Reset All Settings'}, fr:{header:'Accessibilit\u00e9','sec-display':'Affichage','sec-text':'Texte','sec-fonts':'Polices','sec-nav':'Navigation','sec-align':'Alignement','high-contrast':'Contraste \u00c9lev\u00e9','dark-mode':'Mode Sombre','hide-images':'Masquer Images','reading-mask':'Masque Lecture','font-size':'Taille Police','line-height':'Hauteur Ligne','letter-spacing':'Espacement',zoom:'Zoom','readable-font':'Police Lisible','dyslexia-font':'Police Dyslexie','highlight-links':'Surligner Liens','highlight-titles':'Surligner Titres','align-left':'Gauche','align-center':'Centre','align-right':'Droite',reset:'R\u00e9initialiser'}, es:{header:'Accesibilidad','sec-display':'Pantalla','sec-text':'Texto','sec-fonts':'Fuentes','sec-nav':'Navegaci\u00f3n','sec-align':'Alineaci\u00f3n','high-contrast':'Alto Contraste','dark-mode':'Modo Oscuro','hide-images':'Ocultar Im\u00e1genes','reading-mask':'M\u00e1scara','font-size':'Tama\u00f1o','line-height':'Interlineado','letter-spacing':'Espaciado',zoom:'Zoom','readable-font':'Fuente Legible','dyslexia-font':'Fuente Dislexia','highlight-links':'Resaltar Enlaces','highlight-titles':'Resaltar T\u00edtulos','align-left':'Izquierda','align-center':'Centro','align-right':'Derecha',reset:'Restablecer'} }; /* ── state ──────────────────────────────────────────────────────────── */ var LS = 'riman_a11y_v5'; var S = {lang:'en',fs:100,lh:100,ls:100,zoom:100,feats:[],align:null}; function save(){try{localStorage.setItem(LS,JSON.stringify(S));}catch(e){}} function load(){try{var r=localStorage.getItem(LS);if(!r)return;var d=JSON.parse(r);['lang','fs','lh','ls','zoom','feats','align'].forEach(function(k){if(d.hasOwnProperty(k))S[k]=d[k];});}catch(e){}} /* ── dom refs ───────────────────────────────────────────────────────── */ var btn = document.getElementById('riman-toggle-button'); var panel = document.getElementById('riman-accessibility-container'); var closeBtn = document.getElementById('riman-panel-close'); var resetBtn = document.getElementById('riman-panel-reset'); var langSel = document.getElementById('riman-panel-lang'); var elFS = document.getElementById('riman-fs-val'); var elLH = document.getElementById('riman-lh-val'); var elLS = document.getElementById('riman-ls-val'); var elZoom = document.getElementById('riman-zoom-val'); /* dynamic style tags (one each so updates are instant) */ function mkStyle(id){var s=document.createElement('style');s.id=id;document.head.appendChild(s);return s;} var stFS = mkStyle('riman-dyn-fs'); var stLH = mkStyle('riman-dyn-lh'); var stLS = mkStyle('riman-dyn-ls'); var stAlign= mkStyle('riman-dyn-align'); /* reading mask nodes */ var mTop=null, mBot=null; /* CSS exclusion — keeps panel/button untouched */ var EX = ':not(#riman-accessibility-container):not(#riman-accessibility-container *)'+ ':not(#riman-toggle-button):not(#riman-toggle-button *)'; /* text containers we target for font-size injection (block / form elements — avoids compounding on inline children) */ var FS_SEL = ['p','h1','h2','h3','h4','h5','h6','li','td','th','dt','dd', 'caption','legend','figcaption','blockquote','pre', 'button','input','select','textarea','label','a'].map(function(t){return t+EX;}).join(','); /* ── panel open / close ─────────────────────────────────────────────── */ function openPanel(){ document.body.classList.add('riman-panel-open'); btn.setAttribute('aria-expanded','true'); panel.setAttribute('aria-hidden','false'); var f=focusable()[0]; if(f) f.focus(); } function closePanel(){ document.body.classList.remove('riman-panel-open'); btn.setAttribute('aria-expanded','false'); panel.setAttribute('aria-hidden','true'); btn.focus(); } function togglePanel(){document.body.classList.contains('riman-panel-open')?closePanel():openPanel();} /* ── focus trap ─────────────────────────────────────────────────────── */ function focusable(){ return Array.prototype.slice.call(panel.querySelectorAll( 'button:not([disabled]),select:not([disabled]),input:not([disabled]),[tabindex]:not([tabindex="-1"])')); } panel.addEventListener('keydown',function(e){ if(e.key!=='Tab') return; var items=focusable(); if(!items.length) return; var first=items[0], last=items[items.length-1]; if(e.shiftKey && document.activeElement===first){e.preventDefault(); last.focus();} else if(!e.shiftKey && document.activeElement===last){e.preventDefault(); first.focus();} }); /* ── apply: font size ───────────────────────────────────────────────── */ function applyFS(){ var p=S.fs; /* Method 1 — change html font-size (works for rem-based themes) */ if(p===100){ document.documentElement.style.removeProperty('font-size'); stFS.textContent=''; } else { document.documentElement.style.fontSize = p+'%'; /* Method 2 — inject style targeting block text elements (works for em/px themes) */ stFS.textContent = FS_SEL + '{ font-size:'+p+'% !important; }'; } if(elFS) elFS.textContent = p+'%'; } /* ── apply: line height ─────────────────────────────────────────────── */ function applyLH(){ var p=S.lh; if(p===100){ document.documentElement.style.removeProperty('line-height'); stLH.textContent=''; } else { var ratio=(1.2+(p-100)/100*0.8).toFixed(2); /* 80%=0.84, 100%=1.2, 150%=1.6, 200%=2.0 */ document.documentElement.style.lineHeight = ratio; stLH.textContent = '*'+EX+'{ line-height:'+ratio+' !important; }'; } if(elLH) elLH.textContent = p+'%'; } /* ── apply: letter spacing ──────────────────────────────────────────── */ function applyLS(){ var p=S.ls; if(p===100){ document.documentElement.style.removeProperty('letter-spacing'); stLS.textContent=''; } else { var px=((p-100)/100*4).toFixed(2)+'px'; document.documentElement.style.letterSpacing = px; stLS.textContent = '*'+EX+'{ letter-spacing:'+px+' !important; }'; } if(elLS) elLS.textContent = p+'%'; } /* ── apply: zoom ────────────────────────────────────────────────────── */ function applyZoom(){ var p=S.zoom; if(p===100) document.documentElement.style.removeProperty('zoom'); else document.documentElement.style.setProperty('zoom',(p/100).toString(),'important'); if(elZoom) elZoom.textContent = p+'%'; } /* ── apply: alignment ───────────────────────────────────────────────── */ function applyAlign(){ stAlign.textContent = S.align ? ('*'+EX+'{ text-align:'+S.align+' !important; }') : ''; } /* ── apply: reading mask ────────────────────────────────────────────── */ function applyMask(on){ if(on){ if(!mTop){mTop=document.createElement('div');mTop.className='riman-page-mask-top';mTop.setAttribute('aria-hidden','true');} if(!mBot){mBot=document.createElement('div');mBot.className='riman-page-mask-bottom';mBot.setAttribute('aria-hidden','true');} if(!mTop.parentNode) document.body.appendChild(mTop); if(!mBot.parentNode) document.body.appendChild(mBot); } else { if(mTop&&mTop.parentNode) mTop.parentNode.removeChild(mTop); if(mBot&&mBot.parentNode) mBot.parentNode.removeChild(mBot); } } /* feature → html class map */ var CM={ 'high-contrast':'riman-high-contrast','dark-mode':'riman-dark-mode', 'hide-images':'riman-hide-images','highlight-links':'riman-highlight-links', 'highlight-titles':'riman-highlight-titles','readable-font':'riman-readable-font', 'dyslexia-font':'riman-dyslexia-font' }; /* mutually exclusive pairs */ var MX={'high-contrast':['dark-mode'],'dark-mode':['high-contrast'],'readable-font':['dyslexia-font'],'dyslexia-font':['readable-font']}; /* ── apply all state ────────────────────────────────────────────────── */ function applyAll(){ applyFS(); applyLH(); applyLS(); applyZoom(); applyAlign(); /* toggle html classes */ Object.keys(CM).forEach(function(a){ document.documentElement.classList.toggle(CM[a], S.feats.indexOf(a)!==-1); }); applyMask(S.feats.indexOf('reading-mask')!==-1); /* sync aria-pressed on all tiles */ document.querySelectorAll('.riman-feature-tile').forEach(function(t){ var a=t.dataset.action, pressed; if(a && a.indexOf('align-')===0) pressed=(S.align===a.replace('align-','')); else pressed=(S.feats.indexOf(a)!==-1); t.setAttribute('aria-pressed', pressed?'true':'false'); }); applyLang(S.lang); } /* ── toggle feature ─────────────────────────────────────────────────── */ function toggleFeat(action){ (MX[action]||[]).forEach(function(c){var i=S.feats.indexOf(c);if(i!==-1)S.feats.splice(i,1);}); var idx=S.feats.indexOf(action); if(idx===-1) S.feats.push(action); else S.feats.splice(idx,1); applyAll(); save(); } function toggleAlign(val){S.align=(S.align===val)?null:val; applyAll(); save();} /* ── reset ──────────────────────────────────────────────────────────── */ function resetAll(){ S.fs=100; S.lh=100; S.ls=100; S.zoom=100; S.feats=[]; S.align=null; applyAll(); save(); } /* ── language ───────────────────────────────────────────────────────── */ function applyLang(lang){ var d=TR[lang]||TR.en; document.querySelectorAll('[data-tr]').forEach(function(el){var k=el.dataset.tr; if(d[k]!==undefined) el.textContent=d[k];}); if(langSel) langSel.value=lang; } /* ── event bindings ─────────────────────────────────────────────────── */ if(btn) btn.addEventListener('click',togglePanel); if(closeBtn) closeBtn.addEventListener('click',closePanel); if(resetBtn) resetBtn.addEventListener('click',resetAll); if(langSel) langSel.addEventListener('change',function(){S.lang=this.value; applyLang(this.value); save();}); document.querySelectorAll('.riman-feature-tile').forEach(function(t){ t.addEventListener('click',function(){ var a=this.dataset.action; if(a && a.indexOf('align-')===0) toggleAlign(a.replace('align-','')); else toggleFeat(a); }); }); document.querySelectorAll('.r-step-btn').forEach(function(b){ b.addEventListener('click',function(){ var op=this.dataset.op, tgt=this.dataset.target, d=(op==='increase')?1:-1; switch(tgt){ case 'font-size': S.fs=Math.max(50,Math.min(200,S.fs+d*5)); applyFS(); break; case 'line-height': S.lh=Math.max(50,Math.min(200,S.lh+d*10)); applyLH(); break; case 'letter-spacing': S.ls=Math.max(50,Math.min(200,S.ls+d*10)); applyLS(); break; case 'zoom': S.zoom=Math.max(50,Math.min(200,S.zoom+d*10)); applyZoom(); break; } save(); }); }); document.addEventListener('keydown',function(e){ if(e.ctrlKey&&e.altKey&&(e.key==='a'||e.key==='A')){e.preventDefault(); togglePanel();} if(e.key==='Escape'&&document.body.classList.contains('riman-panel-open')) closePanel(); }); document.addEventListener('click',function(e){ if(document.body.classList.contains('riman-panel-open') && !panel.contains(e.target) && !btn.contains(e.target)) closePanel(); }); /* ── init ───────────────────────────────────────────────────────────── */ load(); applyAll(); }()); </script> <script type='text/javascript'> /* <![CDATA[ */ var avia_framework_globals = avia_framework_globals || {}; avia_framework_globals.frameworkUrl = 'https://rimanagency.com/wp-content/themes/enfold/framework/'; avia_framework_globals.installedAt = 'https://rimanagency.com/wp-content/themes/enfold/'; avia_framework_globals.ajaxurl = 'https://rimanagency.com/wp-admin/admin-ajax.php'; /* ]]> */ </script> <script id="jquery-core-js" src="https://rimanagency.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https://rimanagency.com/wp-content/plugins/translatepress-multilingual/includes/trp-ajax.php","trp_wp_ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php","trp_language_to_query":"fr_CA","trp_original_language":"en_US","trp_current_language":"fr_CA","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset"],"gettranslationsnonceregular":"0ee9af434c","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; //# sourceURL=trp-dynamic-translator-js-extra </script> <script id="trp-dynamic-translator-js" src="https://rimanagency.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=3.1.9"></script> <script id="mtc-script-js" src="https://rimanagency.com/wp-content/plugins/Keyword%20match%20type/script.js"></script> <script id="seo_audit_ajax-js-extra"> var seoAuditData = {"ajaxurl":"https://rimanagency.com/wp-admin/admin-ajax.php","nonce":"82f16c7950"}; //# sourceURL=seo_audit_ajax-js-extra </script> <script id="seo_audit_ajax-js" src="https://rimanagency.com/wp-content/plugins/seo-all-in-one-audit/seo-audit.js"></script> <script id="seo-meta-extractor-js-extra"> var seo_meta_extractor = {"ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php"}; //# sourceURL=seo-meta-extractor-js-extra </script> <script id="seo-meta-extractor-js" src="https://rimanagency.com/wp-content/plugins/seo-meta-extractor/app.js?ver=1.2"></script> <script id="pcm-banner-js-extra"> var PCM = {"ajax_url":"https://rimanagency.com/wp-admin/admin-ajax.php","nonce":"4674cde1d9","rest_url":"https://rimanagency.com/fr/wp-json/pcm/v1/consent","rest_nonce":"6237332005","settings":{"position":"bottom","layout":"bar","title":"We value your privacy","description":"We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking \"Accept All\", you consent to our use of cookies.","accept_label":"Accept All","reject_label":"Reject All","customize_label":"Manage Preferences","save_label":"Save My Preferences","privacy_policy_url":"/privacy-policy-2/","privacy_policy_label":"Privacy Policy","cookie_policy_url":"/cookie-policy/","cookie_policy_label":"Cookie Policy","expiry_days":365,"show_on_load":true,"close_on_scroll":false,"log_consent":true,"auto_block":true,"show_cookie_count":true,"show_close":true,"close_action":"accept","mobile_layout":"compact","mobile_position":"bottom","mobile_hide_desc":false,"mobile_max_height":90,"mobile_font_size":13,"regulation":"ccpa"},"categories":[{"key":"necessary","icon":"\ud83d\udd12","label":"Strictly Necessary","desc":"These cookies are essential for the website to function. They cannot be switched off.","required":true,"cookie_count":3},{"key":"analytics","icon":"\ud83d\udcca","label":"Analytics & Performance","desc":"These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.","required":false,"cookie_count":5},{"key":"marketing","icon":"\ud83d\udce2","label":"Marketing & Advertising","desc":"These cookies are used to track visitors across websites to allow publishers to display relevant and engaging advertisements.","required":false,"cookie_count":4},{"key":"preferences","icon":"\u2699\ufe0f","label":"Preferences & Functionality","desc":"These cookies enable the website to remember choices you make (such as your language or region) and provide enhanced features.","required":false,"cookie_count":0}],"cookies":[{"id":"4","name":"_ga","provider":"Google","category":"analytics","purpose":"Registers a unique ID used for statistical data.","duration":"2 years","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"5","name":"_ga_*","provider":"Google","category":"analytics","purpose":"Stores session state for Google Analytics 4.","duration":"2 years","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"6","name":"_gid","provider":"Google","category":"analytics","purpose":"Registers a unique ID for a 24-hour session.","duration":"24 hours","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"11","name":"_gtm","provider":"Google Tag Manager","category":"analytics","purpose":"Tag management container","duration":"Session","type":"HTTP Cookie","domain":".google.com","is_active":"1","created_at":"2026-04-11 15:19:14"},{"id":"12","name":"_hjid","provider":"Hotjar","category":"analytics","purpose":"Hotjar session recording","duration":"1 year","type":"HTTP Cookie","domain":".hotjar.com","is_active":"1","created_at":"2026-04-11 15:24:42"},{"id":"8","name":"_fbc","provider":"Facebook","category":"marketing","purpose":"Stores last visit. Used for ad attribution.","duration":"2 years","type":"HTTP Cookie","domain":".facebook.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"7","name":"_fbp","provider":"Facebook","category":"marketing","purpose":"Used by Facebook for ad targeting.","duration":"3 months","type":"HTTP Cookie","domain":".facebook.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"9","name":"IDE","provider":"Google Ads","category":"marketing","purpose":"Used by Google DoubleClick for ad targeting.","duration":"1 year","type":"HTTP Cookie","domain":".doubleclick.net","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"10","name":"personalization_id","provider":"Twitter/X","category":"marketing","purpose":"Personalization and ad tracking by Twitter/X.","duration":"2 years","type":"HTTP Cookie","domain":".twitter.com","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"3","name":"pcm_consent","provider":"This site","category":"necessary","purpose":"Stores cookie consent preferences.","duration":"1 year","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"1","name":"wordpress_logged_in_*","provider":"WordPress","category":"necessary","purpose":"Identifies logged-in users.","duration":"Session","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"},{"id":"2","name":"wp-settings-*","provider":"WordPress","category":"necessary","purpose":"Stores user preferences for the WP admin.","duration":"1 year","type":"HTTP Cookie","domain":"","is_active":"1","created_at":"2026-04-11 15:18:53"}],"i18n":{"modal_title":"Privacy Preferences","modal_intro":"Manage your cookie preferences. Necessary cookies are always active as they are required for the site to function.","modal_see_our":"See our","always_active":"Always Active","cookies_label":"cookies","clear_data":"Clear my cookie data","clear_confirm":"Confirm \u2014 this cannot be undone","clear_cleared":"Data cleared \u2014 reloading\u2026","no_cookies":"No cookies registered in this category yet.","close":"Close","provider":"Provider","duration":"Duration","purpose":"Purpose"}}; //# sourceURL=pcm-banner-js-extra </script> <script id="pcm-banner-js" src="https://rimanagency.com/wp-content/plugins/privacy-consent-manager/public/js/banner.js?ver=1.4.2"></script> <script id="pcm-banner-js-after"> (function(){try{var c=document.cookie.split(";").map(function(s){return s.trim().split("=")[0];}).filter(Boolean);if(!c.length)return;fetch("https:\/\/rimanagency.com\/fr\/wp-json\/pcm\/v1\/detect-cookies",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":"6237332005"},body:JSON.stringify({cookies:c}),keepalive:true});}catch(e){}})(); //# sourceURL=pcm-banner-js-after </script> <script id="avia-footer-scripts-js" src="https://rimanagency.com/wp-content/uploads/dynamic_avia/avia-footer-scripts-add5583b701c96cb6d00f504b7298aea---6a0ef50492a21.js"></script> <div id="pcm-root" aria-live="polite"></div> <div id="pcm-overlay" style="display:none;position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(4px);z-index:2147483646;"></div> <!-- google webfont font replacement --> <script type='text/javascript'> (function() { /* check if webfonts are disabled by user setting via cookie - or user must opt in. */ var html = document.getElementsByTagName('html')[0]; var cookie_check = html.className.indexOf('av-cookies-needs-opt-in') >= 0 || html.className.indexOf('av-cookies-can-opt-out') >= 0; var allow_continue = true; var silent_accept_cookie = html.className.indexOf('av-cookies-user-silent-accept') >= 0; if( cookie_check && ! silent_accept_cookie ) { if( ! document.cookie.match(/aviaCookieConsent/) || html.className.indexOf('av-cookies-session-refused') >= 0 ) { allow_continue = false; } else { if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) ) { allow_continue = false; } else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) ) { allow_continue = false; } else if( document.cookie.match(/aviaPrivacyGoogleWebfontsDisabled/) ) { allow_continue = false; } } } if( allow_continue ) { var f = document.createElement('link'); f.type = 'text/css'; f.rel = 'stylesheet'; f.href = 'https://fonts.googleapis.com/css?family=Roboto:100,400,700&display=auto'; f.id = 'avia-google-webfont'; document.getElementsByTagName('head')[0].appendChild(f); } })(); </script> <script type='text/javascript'> (function($) { /* check if google analytics tracking is disabled by user setting via cookie - or user must opt in. */ var analytics_code = "<!-- Global site tag (gtag.js) - Google Analytics -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-48169804-1\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'UA-48169804-1');\n<\/script>".replace(/\"/g, '"' ); var html = document.getElementsByTagName('html')[0]; $('html').on( 'avia-cookie-settings-changed', function(e) { var cookie_check = html.className.indexOf('av-cookies-needs-opt-in') >= 0 || html.className.indexOf('av-cookies-can-opt-out') >= 0; var allow_continue = true; var silent_accept_cookie = html.className.indexOf('av-cookies-user-silent-accept') >= 0; var script_loaded = $( 'script.google_analytics_scripts' ); if( cookie_check && ! silent_accept_cookie ) { if( ! document.cookie.match(/aviaCookieConsent/) || html.className.indexOf('av-cookies-session-refused') >= 0 ) { allow_continue = false; } else { if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) ) { allow_continue = false; } else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) ) { allow_continue = false; } else if( document.cookie.match(/aviaPrivacyGoogleTrackingDisabled/) ) { allow_continue = false; } } } // allow 3-rd party plugins to hook (see enfold\config-cookiebot\cookiebot.js) if( window['wp'] && wp.hooks ) { allow_continue = wp.hooks.applyFilters( 'aviaCookieConsent_allow_continue', allow_continue ); } if( ! allow_continue ) { // window['ga-disable-UA-48169804-1'] = true; if( script_loaded.length > 0 ) { script_loaded.remove(); } } else { if( script_loaded.length == 0 ) { $('head').append( analytics_code ); } } }); $('html').trigger( 'avia-cookie-settings-changed' ); })( jQuery ); </script></body> </html>