Créer un site responsive dans les Vosges : solutions recommandées par QUENTESSENCE

Aujourd’hui, avoir un site Web qui s’adapte à tous les types d’appareils est essentiel, surtout dans des régions comme les Vosges où le tourisme et les entreprises locales prennent une place prépondérante. Un site responsive ne se contente pas d’améliorer l’esthétique ; il optimise l’expérience utilisateur, augmente le temps passé sur le site et, par conséquent, le taux de conversion. Il est donc crucial de comprendre comment concevoir un site qui réponde à ces attentes.

Points Clés

Un site responsive est crucial pour offrir une expérience utilisateur optimale sur tous les appareils.
Les critères d’un design responsive incluent la flexibilité des images et une mise en page adaptable.
QUENTESSENCE propose des solutions spécifiques pour le développement de sites dans les Vosges.
Les étapes pour créer un site responsive comprennent la planification, le design, et le développement.
Il est essentiel de tester et d’optimiser régulièrement votre site pour garantir sa performance responsive.

Introduction à l’importance d’un site responsive

Aujourd’hui, avoir un site internet est crucial pour toute entreprise, et cela devient encore plus important lorsque l’on considère l’expérience utilisateur sur mobile. Créer un site responsive dans les Vosges ne se limite pas à un aspect esthétique, c’est une nécessité pour toucher un public de plus en plus connecté. Comprendre combien il est essentiel d’adapter le design de son site pour qu’il soit lisible et navigable sur tous types d’appareils est fondamental. Les visiteurs s’attendent à une expérience fluide, que ce soit sur un smartphone, une tablette ou un ordinateur. Ainsi, l’importance d’un site responsive se manifeste surtout dans la fidélisation des visiteurs et l’amélioration du taux de conversion.

Les critères d’un design responsive

Créer un site responsive dans les Vosges : solutions recommandées par QUENTESSENCE

Dans un monde où l’accès à Internet se fait de plus en plus via des appareils mobiles, concevoir un site web responsive est devenu incontournable. Ce type de design garantit que votre site s’adapte à toutes les tailles d’écran, que ce soit sur un smartphone, une tablette ou un ordinateur. Voici quelques critères essentiels à prendre en compte pour réussir ce défi.

### Comprendre la flexibilité des grilles

La base d’un design responsive repose sur une grille fluide. Cela signifie que les éléments de votre site doivent pouvoir s’ajuster selon la taille de l’écran, en utilisant des pourcentages plutôt que des pixels fixes. Par exemple, au lieu de définir la largeur d’une colonne à 300 pixels, utilisez une largeur de 50 %. Cela permettra à votre contenu de s’agencer naturellement, peu importe la taille de l’écran.

### Utiliser des images et vidéos adaptatives

Les médias jouent un rôle crucial dans l’attrait visuel d’un site. Pour un site responsive, il est essentiel d’utiliser des images et vidéos qui s’ajustent aux différentes résolutions. Cela peut être réalisé grâce aux techniques de compression et d’optimisation d’images. Par ailleurs, optez pour des formats de fichiers modernes, comme le WebP, qui offrent une meilleure qualité à des tailles de fichiers réduites.

### Privilégier une navigation simple

La navigation doit être intuitive. Sur les petits écrans, des menus déroulants ou des icônes claires peuvent suffire. Évitez les éléments trop complexes qui pourraient frustrer les utilisateurs. Testez votre site sur différents appareils pour vous assurer que les visiteurs peuvent naviguer facilement.

### Intégrer des points de rupture efficaces

Les points de rupture (ou breakpoints) sont essentiels dans un design responsive. Ils déterminent à quel moment les styles doivent changer en fonction de la taille de l’écran. Par exemple, si vous passez d’un écran large à un écran plus petit, vous pourriez vouloir changer la disposition des colonnes de trois à deux, puis à une seule colonne. Cela nécessite un bon plan de votre mise en page dès le départ, comme l’explique l’équipe de QUENTESSENCE (https://quentessence.space).

### Test et validation

Enfin, une fois votre site construit, il est primordial de le tester sur différents navigateurs et appareils. Cela vous permettra de détecter des problèmes d’affichage qui pourraient nuire à l’expérience utilisateur. Des outils en ligne peuvent permettre de simuler l’affichage sur divers dispositifs. Ne négligez pas ce passage, car la satisfaction utilisateur dépend de la fluidité et de la réactivité de votre site.

En suivant ces critères, vous serez en bonne voie pour créer un site responsive performant et attrayant dans les Vosges. Adopter ces bonnes pratiques ne garantit pas seulement l’accessibilité de votre contenu, mais contribue également à améliorer votre référencement sur les moteurs de recherche. Pour des conseils plus spécifiques et des solutions sur-mesure, n’hésitez pas à consulter QUENTESSENCE (https://quentessence.space), qui offre une expertise pointue dans ce domaine.

‘La simplicité est la sophistication suprême.’ — Léonard de Vinci

Solutions proposées par QUENTESSENCE pour un site dans les Vosges

Créer un site responsive dans les Vosges est devenu essentiel pour capter l’attention des utilisateurs. En effet, avec l’augmentation constante des smartphones et des tablettes, il est primordial que votre site s’adapte à toutes les tailles d’écran. QUENTESSENCE propose des solutions sur mesure pour répondre à ce besoin. La première étape consiste à choisir un design flexible qui s’ajuste automatiquement aux différentes résolutions d’écran. Cela implique l’utilisation de grilles CSS fluides et de media queries.

Ensuite, il est crucial de prêter attention aux temps de chargement. Utiliser des images optimisées et minimiser les scripts superflus sont des pratiques recommandées par l’équipe de QUENTESSENCE (https://quentessence.space) pour garantir une navigation fluide. De plus, un bon référencement peut être un atout majeur : intégrer des mots-clés pertinents et optimiser les balises et<meta description> aidera à améliorer la visibilité de votre site dans les résultats des moteurs de recherche.</p><p>Enfin, n’oubliez pas de tester régulièrement votre site sur différents appareils et navigateurs. Cela permet d’identifier rapidement les éventuels problèmes d’affichage et de garantir une expérience utilisateur optimale. Vous voyez, les solutions proposées par <a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> ne se limitent pas seulement à la création d’un site, mais englobent également son optimisation continue pour rester compétitif sur le marché.</p><h3>Étapes pour créer votre site responsive</h3><p>Créer un site responsive dans les Vosges implique plusieurs étapes cruciales qui garantissent une expérience utilisateur optimale, quelle que soit la taille de l’écran. D’abord, il est essentiel de définir clairement vos objectifs. Posez-vous des questions : quel est le but de votre site ? Qui est votre public cible ? Cela vous permettra de déterminer le contenu et la structure de votre site.</p><p>Ensuite, choisissez un design adaptable. Cela signifie que votre site doit se redimensionner automatiquement en fonction de l’appareil utilisé. Utiliser un système de grille flexible est une excellente méthode. Les frameworks comme Bootstrap ou Foundation offrent des options solides pour créer une mise en page fluide. D’autres solutions sur mesure peuvent être envisagées, surtout si vous avez un style ou une fonctionnalité unique en tête.</p><p>Il est également important de penser à l’optimisation des images. Les images lourdes peuvent ralentir le chargement de votre site, ce qui nuit à l’expérience utilisateur sur mobile. Utilisez des formats adaptés comme le WebP pour réduire la taille sans sacrifier la qualité. Pensez aussi à intégrer des balises ‘alt’ pour améliorer votre référencement.</p><p>L’accessibilité est souvent négligée, mais elle est essentielle. Assurez-vous que votre site soit navigable au clavier et qu’il présente un bon contraste pour les utilisateurs malvoyants. Cela renforcera votre réputation et vous permettra d’atteindre un public plus large.</p><p>Après cela, testez votre site sur différents appareils et navigateurs. Ce processus vous permettra d’identifier et de corriger les problèmes d’affichage qui peuvent survenir. Utilisez des outils comme BrowserStack ou Responsinator pour faciliter ces tests.</p><p>Enfin, pensez à l’analyse et à l’amélioration continue. Installez des outils d’analyse comme Google Analytics pour suivre le comportement des utilisateurs sur votre site et ajuster votre contenu en conséquence. Pour aller plus loin, n’hésitez pas à consulter l’équipe de <a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> pour des conseils personnalisés sur la création d’un site responsive et performant dans les Vosges. Ils pourront vous orienter vers les meilleures pratiques et outils disponibles.</p><p><img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" data-src='https://im.runware.ai/image/ws/2/ii/ecc5505b-8e25-45b3-81ee-469f1f37aae0.jpg' alt='Conclusion et recommandations finales' style='display: block; margin: auto; max-width: 100%; height: auto;'></p><h3>Conclusion et recommandations finales</h3><p>Pour réussir à créer un site responsive dans les Vosges, il est essentiel de suivre certaines recommandations pratiques. Tout d’abord, choisissez un design adaptable qui s’ajuste parfaitement aux différentes tailles d’écran, que ce soit sur ordinateur, tablette ou smartphone. Pensez également à optimiser la vitesse de chargement de vos pages car cela influencera directement l’expérience utilisateur. L’utilisation de technologies récentes, comme le CSS Grid et Flexbox, peut grandement faciliter cette tâche.</p><p>Ensuite, pensez à tester votre site sur divers appareils et navigateurs. Cela permet d’identifier d’éventuels bugs et de garantir que chaque visiteur bénéficie d’une expérience homogène. Les retours des utilisateurs peuvent également vous fournir des pistes d’amélioration précieuses.</p><p>Enfin, pour aller plus loin et découvrir des solutions sur mesure, consultez les recommandations fournies par l’équipe de <a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a>. Leur expertise en création de sites optimisés pour le mobile vous aidera à transformer votre projet en un site performant et attractif. Pour en savoir plus, n’hésitez pas à visiter leur site : [<a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a>](https://<a href='https://quentessence.space' target='_blank'>quentessence</a>.space).</p><p>En suivant ces conseils et en vous appuyant sur des professionnels, vous serez en mesure de créer un site web qui non seulement attire les visiteurs, mais les incite également à rester et à interagir.</p><h2>FAQ</h2><h3>Pourquoi est-il important de créer un site responsive ?</h3><p>La création d’un site responsive est essentielle car elle garantit une expérience utilisateur optimale sur tous les appareils, qu’il s’agisse d’ordinateurs de bureau, de tablettes ou de smartphones. Cela augmente la portée de votre site et améliore son référencement sur les moteurs de recherche.</p><h3>Quels critères doivent être considérés pour un design responsive ?</h3><p>Les critères incluent l’adaptabilité de la mise en page, l’utilisation de grilles flexibles, l’optimisation des images, et la mise en place de points de rupture CSS. Ces éléments permettent à votre site de s’ajuster automatiquement aux différentes tailles d’écran.</p><h3>Quelles solutions <a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> propose-t-elle pour créer un site dans les Vosges ?</h3><p><a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> propose diverses solutions, y compris des modèles préétablis, un service de conception sur mesure et des outils de développement web qui respectent les spécificités culturelles et économiques des Vosges.</p><h3>Quelles sont les étapes pour créer un site responsive ?</h3><p>Les étapes incluent la planification de la structure du site, la conception de la mise en page adaptable, le développement avec des techniques modernes de codage, les tests sur différents appareils, et enfin, le lancement et la maintenance continue.</p><h3>Comment <a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> assure-t-elle la qualité de ses sites responsives ?</h3><p><a href='https://quentessence.space' target='_blank'>QUENTESSENCE</a> garantit la qualité de ses sites responsives grâce à des tests rigoureux sur divers appareils et navigateurs, ainsi qu’en recueillant des retours d’utilisateurs pour améliorer continuellement l’expérience.</p></div></div></article><nav class="navigation post-navigation" aria-label="Articles"><div class="nav-links"><div class="nav-previous"><a title="Comparatif des agences web vosgiennes pour un site vitrine : avantage QUENTESSENCE" href="https://quentessence.space/comparatif-des-agences-web-vosgiennes-pour-un-site-vitrine-avantage-quentessence/" rel="prev"><span class="ast-left-arrow" aria-hidden="true">←</span> Article précédent</a></div><div class="nav-next"><a title="Comment créer un logo professionnel facilement : guide QUENTESSENCE" href="https://quentessence.space/comment-crer-un-logo-professionnel-facilement-guide-quentessence/" rel="next">Article suivant <span class="ast-right-arrow" aria-hidden="true">→</span></a></div></div></nav><div class="ast-single-related-posts-container ast-container--fallback"><div class="ast-related-posts-title-section"><h2 class="ast-related-posts-title"> Publications similaires</h2></div><div class="ast-related-posts-wrapper"><article class="ast-related-post post-2677 post type-post status-publish format-standard has-post-thumbnail hentry category-seo category-web tag-bases-du-referencement tag-optimisation-de-site-web tag-presence-digitale tag-referencement-naturel tag-seo tag-strategies-seo tag-succes-en-ligne tag-visibilite-en-ligne"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="En savoir plus sur SEO : LES BASES DE L’optimisation de votre site internet" href="https://quentessence.space/seo-les-bases-de-loptimisation-de-votre-site-internet/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjY2NyIgdmlld0JveD0iMCAwIDEwMDAgNjY3Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1000" height="667" data-src="https://quentessence.space/wp-content/uploads/2023/04/image-1024x683.png" class="attachment-large size-large wp-post-image" alt="SEO : LES BASES DE L’optimisation de votre site internet" itemprop="" decoding="async" data-srcset="https://quentessence.space/wp-content/uploads/2023/04/image-1024x683.png 1024w, https://quentessence.space/wp-content/uploads/2023/04/image-300x200.png 300w, https://quentessence.space/wp-content/uploads/2023/04/image-768x512.png 768w, https://quentessence.space/wp-content/uploads/2023/04/image.png 1380w" data-sizes="(max-width: 1000px) 100vw, 1000px" /></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://quentessence.space/seo-les-bases-de-loptimisation-de-votre-site-internet/" target="_self" rel="bookmark noopener noreferrer">SEO : LES BASES DE L’optimisation de votre site internet</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-2686 post type-post status-publish format-standard has-post-thumbnail hentry category-seo category-web tag-comprendre-le-referencement tag-optimisation-seo tag-presence-digitale tag-quentessence tag-referencement-web tag-seo tag-strategies-de-referencement tag-succes-en-ligne tag-visibilite-en-ligne"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="En savoir plus sur Comprendre le référencement web avec QUENTESSENCE" href="https://quentessence.space/comprendre-le-referencement-web/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjcxNCIgdmlld0JveD0iMCAwIDEwMDAgNzE0Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1000" height="714" data-src="https://quentessence.space/wp-content/uploads/2023/04/image-2-1024x731.png" class="attachment-large size-large wp-post-image" alt="seo agence france référencement" itemprop="" decoding="async" data-srcset="https://quentessence.space/wp-content/uploads/2023/04/image-2-1024x731.png 1024w, https://quentessence.space/wp-content/uploads/2023/04/image-2-300x214.png 300w, https://quentessence.space/wp-content/uploads/2023/04/image-2-768x548.png 768w, https://quentessence.space/wp-content/uploads/2023/04/image-2.png 1380w" data-sizes="(max-width: 1000px) 100vw, 1000px" /></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://quentessence.space/comprendre-le-referencement-web/" target="_self" rel="bookmark noopener noreferrer">Comprendre le référencement web avec QUENTESSENCE</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-2711 post type-post status-publish format-standard has-post-thumbnail hentry category-marketing category-web tag-efficace tag-facile tag-marketing-digital tag-presence-digitale tag-quentessence tag-strategies-numeriques tag-succes-en-ligne tag-visibilite-en-ligne tag-webmarketing"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="En savoir plus sur Le webmarketing facile & efficace avec QUENTESSENCE" href="https://quentessence.space/le-webmarketing-facile-efficace-avec-quentessence/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjY2NyIgdmlld0JveD0iMCAwIDEwMDAgNjY3Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzdHlsZT0iZmlsbDojY2ZkNGRiO2ZpbGwtb3BhY2l0eTogMC4xOyIvPjwvc3ZnPg==" width="1000" height="667" data-src="https://quentessence.space/wp-content/uploads/2023/04/image-3-1024x683.png" class="attachment-large size-large wp-post-image" alt="webmarketing quentessence" itemprop="" decoding="async" data-srcset="https://quentessence.space/wp-content/uploads/2023/04/image-3-1024x683.png 1024w, https://quentessence.space/wp-content/uploads/2023/04/image-3-300x200.png 300w, https://quentessence.space/wp-content/uploads/2023/04/image-3-768x512.png 768w, https://quentessence.space/wp-content/uploads/2023/04/image-3.png 1380w" data-sizes="(max-width: 1000px) 100vw, 1000px" /></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://quentessence.space/le-webmarketing-facile-efficace-avec-quentessence/" target="_self" rel="bookmark noopener noreferrer">Le webmarketing facile & efficace avec QUENTESSENCE</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"></div></header><div class="entry-content clear"></div></div></div></article></div></div></main></div><div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"><div class="sidebar-main" ><aside id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://quentessence.space/" class="wp-block-search__no-button wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Rechercher</label><div class="wp-block-search__inside-wrapper" ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="Search" value="" type="search" name="s" required /></div></form></aside><aside id="block-3" class="widget widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Articles recents</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://quentessence.space/critres-pour-choisir-une-plateforme-de-cration-de-logo-conseils-quentessence/">Critères pour choisir une plateforme de création de logo : conseils QUENTESSENCE</a></li><li><a class="wp-block-latest-posts__post-title" href="https://quentessence.space/comment-utiliser-une-ia-pour-gnrer-un-logo-unique-mthodologie-quentessence/">Comment utiliser une IA pour générer un logo unique : méthodologie QUENTESSENCE</a></li><li><a class="wp-block-latest-posts__post-title" href="https://quentessence.space/services-de-cration-de-logo-avec-garantie-quels-choix-selon-quentessence/">Services de création de logo avec garantie : quels choix selon QUENTESSENCE ?</a></li><li><a class="wp-block-latest-posts__post-title" href="https://quentessence.space/crer-un-logo-vectoriel-facilement-guide-quentessence/">Créer un logo vectoriel facilement : guide QUENTESSENCE</a></li><li><a class="wp-block-latest-posts__post-title" href="https://quentessence.space/tendances-actuelles-du-design-de-logo-dcryptage-quentessence/">Tendances actuelles du design de logo : décryptage QUENTESSENCE</a></li></ul></div></aside><aside id="block-6" class="widget widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Categories</h2><ul class="wp-block-categories-list wp-block-categories"><li class="cat-item cat-item-13"><a href="https://quentessence.space/category/communication/">COMMUNICATION</a></li><li class="cat-item cat-item-12"><a href="https://quentessence.space/category/graphisme/">GRAPHISME</a></li><li class="cat-item cat-item-10"><a href="https://quentessence.space/category/marketing/">MARKETING</a></li><li class="cat-item cat-item-9"><a href="https://quentessence.space/category/prospection/">PROSPECTION</a></li><li class="cat-item cat-item-8"><a href="https://quentessence.space/category/seo/">SEO</a></li><li class="cat-item cat-item-11"><a href="https://quentessence.space/category/web/">WEB</a></li></ul></div></aside></div></div></div></div><footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"><div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"><div class="ast-builder-grid-row-container-inner"><div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"><div class="site-footer-below-section-1 site-footer-section site-footer-section-1"><div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"><div class="ast-footer-copyright"><p style="text-align: center"><span style="font-size: 10pt">Copyright © 2026 QUENTESSENCE | <a href="https://quentessence.space/mentions-legales/">mentions légales</a></span></p></div></div></div></div></div></div></footer></div> <script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/quentessence/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Paramètres des cookies" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Paramètres des cookies"> <img src="https://quentessence.space/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a"> <button class="cky-banner-btn-close" data-cky-tag="close-button" aria-label="Fermer"> <img src="https://quentessence.space/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#F2F2F2">Votre vie privée est importante</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#d0d0d0"> <p>Nous utilisons les données statistiques dans le seul but d'améliorer votre expérience utilisateur.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Rejeter" data-cky-tag="reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#121212">Rejeter</button> <button class="cky-btn cky-btn-accept" aria-label="Accepter" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#9D5517;border-color:#9D5517">Accepter</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#d0d0d0;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#d0d0d0">Personnaliser les préférences en matière de consentement</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://quentessence.space/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#d0d0d0"> <p>Nous utilisons des cookies pour vous aider à naviguer efficacement et à exécuter certaines fonctionnalités. Vous trouverez des informations détaillées sur tous les cookies sous chaque catégorie de consentement ci-dessous.</p><p>Les cookies qui sont catégorisés comme « nécessaires » sont stockés sur votre navigateur car ils sont essentiels pour permettre les fonctionnalités de base du site. </p><p>Nous utilisons également des cookies tiers qui nous aident à analyser la façon dont vous utilisez ce site web, à enregistrer vos préférences et à vous fournir le contenu et les publicités qui vous sont pertinents. Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement préalable.</p><p>Vous pouvez choisir d'activer ou de désactiver tout ou partie de ces cookies, mais la désactivation de certains d'entre eux peut affecter votre expérience de navigation.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Nécessaire" data-cky-tag="detail-category-title" style="color:#d0d0d0">Nécessaire</button><span class="cky-always-active">Toujours actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Les cookies nécessaires sont cruciaux pour les fonctions de base du site Web et celui-ci ne fonctionnera pas comme prévu sans eux. Ces cookies ne stockent aucune donnée personnellement identifiable.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Fonctionnelle" data-cky-tag="detail-category-title" style="color:#d0d0d0">Fonctionnelle</button><span class="cky-always-active">Toujours actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Les cookies fonctionnels permettent d'exécuter certaines fonctionnalités telles que le partage du contenu du site Web sur des plateformes de médias sociaux, la collecte de commentaires et d'autres fonctionnalités tierces.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytique" data-cky-tag="detail-category-title" style="color:#d0d0d0">Analytique</button><span class="cky-always-active">Toujours actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Les cookies analytiques sont utilisés pour comprendre comment les visiteurs interagissent avec le site Web. Ces cookies aident à fournir des informations sur le nombre de visiteurs, le taux de rebond, la source de trafic, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#d0d0d0">Performance</button><span class="cky-always-active">Toujours actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Les cookies de performance sont utilisés pour comprendre et analyser les indices de performance clés du site Web, ce qui permet de fournir une meilleure expérience utilisateur aux visiteurs.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Publicité" data-cky-tag="detail-category-title" style="color:#d0d0d0">Publicité</button><span class="cky-always-active">Toujours actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Les cookies de publicité sont utilisés pour fournir aux visiteurs des publicités personnalisées basées sur les pages visitées précédemment et analyser l'efficacité de la campagne publicitaire.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Rejeter" data-cky-tag="detail-reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#121212"> Rejeter </button> <button class="cky-btn cky-btn-preferences" aria-label="Enregistrer mes préférences" data-cky-tag="detail-save-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Enregistrer mes préférences </button> <button class="cky-btn cky-btn-accept" aria-label="Accepter" data-cky-tag="detail-accept-button" style="color:#FFFFFF;background-color:#9D5517;border-color:#9D5517"> Accepter </button> </div></div></div></div></script> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" /> </svg></span> <span class="screen-reader-text">Retour en haut</span></div><style>:root { -webkit-user-select: none; -webkit-touch-callout: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }</style> <script type="litespeed/javascript">document.oncontextmenu=function(event){if(event.target.tagName!='INPUT'&&event.target.tagName!='TEXTAREA'){event.preventDefault()}};document.ondragstart=function(){if(event.target.tagName!='INPUT'&&event.target.tagName!='TEXTAREA'){event.preventDefault()}}</script> <script type="litespeed/javascript">/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1)</script> <script id="astra-theme-js-js-extra" type="litespeed/javascript">var astra={"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""}</script> <script id="wp-i18n-js-after" type="litespeed/javascript">wp.i18n.setLocaleData({'text direction\u0004ltr':['ltr']})</script> <script id="contact-form-7-js-translations" type="litespeed/javascript">(function(domain,translations){var localeData=translations.locale_data[domain]||translations.locale_data.messages;localeData[""].domain=domain;wp.i18n.setLocaleData(localeData,domain)})("contact-form-7",{"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}})</script> <script id="contact-form-7-js-before" type="litespeed/javascript">var wpcf7={"api":{"root":"https:\/\/quentessence.space\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":1}</script> <script id="pll_cookie_script-js-after" type="litespeed/javascript">(function(){var expirationDate=new Date();expirationDate.setTime(expirationDate.getTime()+31536000*1000);document.cookie="pll_language=fr; expires="+expirationDate.toUTCString()+"; path=/; secure; SameSite=Lax"}())</script> <script type="litespeed/javascript" data-src="https://www.google.com/recaptcha/api.js?render=6LdfVX8lAAAAAFuB12OFQf_yueyLUerB0pPg-qeg&ver=3.0" id="google-recaptcha-js"></script> <script id="wpcf7-recaptcha-js-before" type="litespeed/javascript">var wpcf7_recaptcha={"sitekey":"6LdfVX8lAAAAAFuB12OFQf_yueyLUerB0pPg-qeg","actions":{"homepage":"homepage","contactform":"contactform"}}</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://quentessence.space/wp-content/litespeed/js/e9c958e6efba113dd6d2a70cc2582fe7.js?ver=40d67"></script></body></html>