Coller du code HTML

Coller le code HTML de la page<h3>Répartition du poids des pages</h3> <div id="ps-out" style="background:#fafafa;border:1px solid #e0e6d8;border-radius:8px;padding:14px;font-size:14px;min-height:80px;line-height:1.5">L'analyse du poids des pages apparaît ici</div> </div> </div> <p><script>function cPs(){var html=document.getElementById("ps-in").value;if(!html.trim()){document.getElementById("ps-out").innerHTML="<i style=\"color:#888\">Paste HTML to see weight breakdown</i>";return}var encoder=new TextEncoder();var totalBytes=encoder.encode(html).length;var scriptBytes=(html.match(/<script[^>]*>([\s\S]*?)<\/script>/gi)||[]).reduce(function(s,m){return s+encoder.encode(m).length},0);var styleBytes=(html.match(/<style[^>]*>([\s\S]*?)<\/style>/gi)||[]).reduce(function(s,m){return s+encoder.encode(m).length},0);var inlineImageData=(html.match(/data:image[^"\s)]+/g)||[]).reduce(function(s,m){return s+m.length*0.75},0);var external={scripts:(html.match(/<script[^>]+src=["'][^"']+["']/g)||[]).length,styles:(html.match(/<link[^>]+rel=["']stylesheet["']/g)||[]).length,images:(html.match(/<img[^>]+src=/g)||[]).length,fonts:(html.match(/<link[^>]+rel=["']preload["'][^>]+as=["']font["']/g)||[]).length};function fmt(b){if(b<1024)return b+" B";if(b<1024*1024)return(b/1024).toFixed(1)+" KB";return(b/(1024*1024)).toFixed(2)+" MB"}var verdict;var totalKB=totalBytes/1024;if(totalKB<100)verdict={color:"#719430",text:"Excellent — well under 100 KB raw HTML"};else if(totalKB<500)verdict={color:"#a3c163",text:"Healthy — manageable raw weight"};else if(totalKB<1500)verdict={color:"#d4a017",text:"Heavy — consider optimization"};else verdict={color:"#c44",text:"Critical — page will struggle on slow connections"};var nonInlined=totalBytes-scriptBytes-styleBytes;var html2=' <div style="display:grid;gap:14px">';html2+='</p> <div style="background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:16px;text-align:center"> <div style="font-size:36px;font-weight:800;color:'+verdict.color+'">'+fmt(totalBytes)+'</div> <div style="font-size:13px;color:#516048;margin-top:4px">Total raw HTML weight</div> <div style="font-size:12px;color:'+verdict.color+';margin-top:8px;font-weight:600">'+verdict.text+'</div> </div> <p>';html2+='</p> <div style="background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:14px"> <div style="font-size:11px;color:#719430;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px">Weight Breakdown</div> <p>';html2+='</p> <div style="display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px"> <div>Inline JavaScript</div> <div style="text-align:right;font-weight:600">'+fmt(scriptBytes)+'</div> <div>Inline CSS</div> <div style="text-align:right;font-weight:600">'+fmt(styleBytes)+'</div> <div>HTML & other content</div> <div style="text-align:right;font-weight:600">'+fmt(nonInlined-inlineImageData)+'</div> <div>Inline data: images</div> <div style="text-align:right;font-weight:600">≈ '+fmt(inlineImageData)+'</div> </div> </div> <p>';html2+='</p> <div style="background:#fff;border:1px solid #e0e6d8;border-radius:8px;padding:14px"> <div style="font-size:11px;color:#719430;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px">External Resources Referenced</div> <p>';html2+='</p> <div style="display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px"> <div>External scripts</div> <div style="text-align:right;font-weight:600">'+external.scripts+'</div> <div>External stylesheets</div> <div style="text-align:right;font-weight:600">'+external.styles+'</div> <div>Images</div> <div style="text-align:right;font-weight:600">'+external.images+'</div> <div>Preloaded fonts</div> <div style="text-align:right;font-weight:600">'+external.fonts+'</div> </div> </div> <p>';html2+='</p> <div style="background:#fafafa;border:1px solid #e0e6d8;border-radius:8px;padding:14px;font-size:12px;color:#516048;line-height:1.5"><b>Note:</b> Raw HTML weight does not include external resources (scripts, images, fonts) that load from their own URLs. Total page weight including all resources is typically 5-15× the raw HTML weight. Use Chrome DevTools Network tab for the full picture.</div> <p>';html2+='</p></div> <p>';document.getElementById("ps-out").innerHTML=html2}document.getElementById("ps-in").addEventListener("input",cPs);cPs();</script></p> <h2>Comment utiliser le vérificateur de format de page</h2> <p>Affichez le code source de la page à analyser, copiez-le et collez-le dans le champ prévu à cet effet. L'outil calcule le poids total du code HTML brut, le décompose en JavaScript intégré, CSS intégré, contenu et images base64 intégrées, et comptabilise les références aux ressources externes (scripts, feuilles de style, images, polices préchargées).</p> <h2>Pourquoi cet outil est important</h2> <p>Le poids d'une page est un indicateur très fiable du taux de rebond et des Core Web Vitals. Les pages dont le poids HTML brut dépasse 1,5 Mo ne respectent généralement pas les seuils d'affichage du contenu le plus large (LCP). L'intégration de JavaScript et de CSS alourdit le code HTML initial et retarde l'affichage du contenu initial. Connaître la répartition de votre poids vous indique précisément où optimiser.</p> <h2>Cas d'utilisation courants</h2> <ul> <li>Audit de performance avant lancement d'une page de destination</li> <li>Diagnostiquer pourquoi une page échoue aux tests Core Web Vitals malgré un serveur rapide</li> <li>Comparer le poids de votre page à celui d'un concurrent</li> <li>Identification des scripts intégrés excessifs par rapport aux scripts externes</li> <li>Recherche d'images encodées en base64 qui doivent être servies comme fichiers séparés</li> <li>Élaborer un budget de performance pour votre équipe</li> </ul> <h2>HTML brut vs poids total de la page</h2> <p>Notre outil mesure le code HTML brut renvoyé par votre serveur. Le poids total de la page téléchargée (incluant tous les scripts, images, polices et feuilles de style liés) est généralement 5 à 15 fois supérieur. Pour une mesure complète du poids de la page, utilisez l'onglet Réseau des outils de développement Chrome ou WebPageTest. Le poids du code HTML brut est l'indicateur idéal pour : évaluer les performances de réponse du serveur, optimiser le coût des données mobiles et détecter les surcharges de code intégrées.</p> <h2>Foire aux questions</h2> <p><strong>Quel est un “ bon ” poids HTML brut ?</strong><br />Moins de 100 Ko : excellent. Entre 100 et 500 Ko : correct. Entre 500 Ko et 1,5 Mo : élevé. Au-delà de 1,5 Mo : les indicateurs Web essentiels commencent à dysfonctionner sur les connexions lentes.</p> <p><strong>Dois-je intégrer les scripts et le CSS directement dans la ligne ?</strong><br />CSS critique visible au chargement de la page : oui, intégrez-le directement pour un affichage initial ultra-rapide. CSS et scripts situés en dessous du chargement de la page : chargez-les en externe, idéalement de manière différée ou asynchrone. Tout intégrer directement alourdit chaque requête de page et empêche la mise en cache du navigateur.</p> <p><strong>Pourquoi ma page semble-t-elle rapide même avec un contenu lourd ?</strong><br />La compression moderne (Brotli, gzip) réduit la taille des données transmises de 60 à 80 Tbps. Une page HTML brute de 1 Mo ne transmet généralement que 200 Ko. La compression masque les problèmes de poids jusqu'à ce que l'on utilise des réseaux lents, où le coût de la décompression s'accroît considérablement.</p> <p><strong>Quel est le lien avec le concept de Largest Contentful Paint (LCP) ?</strong><br />Le LCP est calculé lorsque le plus grand élément visible a terminé son rendu. Les scripts intégrés volumineux bloquent le rendu et augmentent le LCP. Les images base64 intégrées volumineuses retardent le LCP car le navigateur doit les décoder avant l'affichage.</p> <div class="rt-cta"> <h3>Vous souhaitez un audit complet des Core Web Vitals avec des recommandations de correction priorisées ?</h3> <p style="margin:0;opacity:.95">L'agence Riman gère des programmes d'optimisation des performances et des indicateurs clés de performance Web.</p> <p><a href="/fr/contact/">Réservez un audit de performance</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":"45a6013386","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.2.3"></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":"245e8e179e"}; //# 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":"716d1d67d5","rest_url":"https://rimanagency.com/fr/wp-json/pcm/v1/consent","rest_nonce":"0ac2421b21","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":"0ac2421b21"},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---6a4f8d44ac4e0.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>