<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="L'agence TosKa Tourisme à Moulins en Auvergne est spécialisée en webmarketing du tourisme,
        de la culture et des loisirs.">
        <link rel="shortcut icon" href="assets/images/favicon.png">
        <title>TosKa Tourisme - Agence Digitale Auvergne - Le Blog</title>
        <link href="assets/css/uikit.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/uikit-width-ex.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/ionicons.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/animations.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/responsive.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-light.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/tooltipster.bundle.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href="assets/css/custom.css?v=<?php echo mt_rand(0,9999); ?>" rel="stylesheet" type="text/css" media="all" />
        <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CLora:400,400i%7CShadows+Into+Light:400" rel="stylesheet" />
        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-T5LTMTB');</script>
        <!-- End Google Tag Manager -->
    </head>
    <body class="loading">
	  <a href="#" id="back-to-top" title="Back to top">&uarr;</a>
      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5LTMTB"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->


        <div class="tw-preloader">
            <div data-uk-spinner></div>
        </div>
        <div class="header-container tw-header tw-header-transparent">
            <nav class="uk-navbar-container uk-flex-center" data-uk-navbar>
                <div class="uk-navbar-left">
                    <div class="tw-logo">
                        <h3 class="site-name">
                              <a href="https://www.toska-tourisme.com">TosKa T<br /><small>04 70 44 51 99</small></a>
                        </h3>
                    </div>
                </div>
                <div class="uk-navbar-right">
                    <ul class="tw-main-menu uk-visible@m">
                        	<li class="menu-item menu-item-has-children">
                            <a href="agence-toska">TosKa T</a>
                            <ul class="sub-menu">
					            <li><a href="agence-toska#toska">Toska T</a></li>
					            <li><a href="agence-toska#entreprises-touristiques">Entreprises Touristiques</a></li>
					            <li><a href="agence-toska#services">Prestations</a></li>
					            <li><a href="agence-toska#atouts">Nos Atouts</a></li>
					            <li><a href="agence-toska#nos-clients">Nos Clients</a></li>
					            <li><a href="agence-toska#blog">Blog</a></li>
                      <!--
					            <li><a href="agence-toska#tarifs">Tarifs</a></li>
					            <li><a href="agence-toska#equipes">Les équipes</a></li>
                      -->
					            <li><a href="agence-toska#contact">Contacts</a></li>
					        </ul>

                        </li>
                        <li class="menu-item">
                            <a href="publicite-sea">Publicité</a>
                        </li>
                        <li class="menu-item">
                            <a href="referencement-seo">Référencement</a>
                        </li>
                        <li class="menu-item">
                            <a href="social-media-smo">Social Media</a>
                        </li>
                        <li class="menu-item">
                            <a href="marketing-direct-grc">Marketing Direct</a>
                        </li>
                        <li class="menu-item">
                            <a class="active" href="blog">Blog</a>
                        </li>
                    </ul>
                    <a class="mobile-menu uk-navbar-toggle uk-hidden@m" href="#" data-uk-toggle="target: #mobile-menu-modal"><i class="ion-navicon-round"></i></a>

                </div>
                <div id="mobile-menu-modal" class="uk-modal-full" data-uk-modal>
                    <div class="uk-modal-dialog">
                        <button class="uk-modal-close-full" type="button" data-uk-close></button>
                        <div class="uk-light uk-height-viewport tw-mobile-modal uk-flex uk-flex-middle uk-flex-center" data-uk-scrollspy="target:>ul>li,>div>a; cls:uk-animation-slide-bottom-medium; delay: 150;">
                            <ul class="uk-nav-default uk-nav-parent-icon" data-uk-nav>
                                <li>
		                            <a href="agence-toska">TosKa T</a>
		                        </li>
		                        <li>
		                            <a href="publicite-sea">Publicité</a>
		                        </li>
		                        <li>
		                            <a href="referencement-seo">Référencement</a>
		                        </li>
		                        <li>
		                            <a href="social-media-smo">Social Media</a>
		                        </li>
		                        <li>
		                            <a href="marketing-direct-grc">Marketing Direct</a>
		                        </li>
		                        <li>
		                            <a href="blog">Blog</a>
		                        </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <!-- .main-container close -->
        <div class="main-container container-relative">
	        <section class="uk-section">
			    <div class="uk-container">

					<div data-uk-grid>

            <div class="content-area uk-width-expand@m">

                <div class="tw-element tw-blog" data-uk-scrollspy="target: > article; cls:uk-animation-slide-bottom-small; delay: 300;">
                  <article class="post" data-category="creation-sites pmes">
                      <div class="entry-post">
                          <div class="entry-cats tw-meta"><a href="#categorie-creation-sites">Création de sites Internet</a></div>

                          <h2 class="entry-title">
                              <a href="quel-site-internet-pour-votre-entreprise.php">
                                  Quel site Internet pour votre entreprise ? Le bon format selon vos besoins
                              </a>
                          </h2>

                          <div class="entry-date tw-meta">
                              <time datetime="2026-09-24">24 septembre 2026</time> / TosKa-T
                          </div>

                          <div class="entry-content">
                              <p>
                                  Site vitrine, vente en ligne ou réservation : comment choisir un site
                                  adapté à votre activité ? Quatre critères permettent de cadrer le projet :
                                  l’objectif commercial, le budget complet, les ressources disponibles
                                  en interne et les attentes de vos clients face à la concurrence.
                              </p>

                              <p class="more-link">
                                  <a class="uk-button uk-button-default uk-button-small uk-button-radius tw-hover"
                                     href="quel-site-internet-pour-votre-entreprise.php">
                                      <span class="tw-hover-inner">
                                          <span>Lire l’article</span>
                                          <i class="ion-ios-arrow-thin-right" aria-hidden="true"></i>
                                      </span>
                                  </a>
                              </p>
                          </div>
                      </div>
                  </article>
                    <article class="post" data-category="divers">
                        <div class="entry-post">
                            <div class="entry-cats tw-meta">
                                <a href="#categorie-divers">Divers</a>
                            </div>
                            <h2 class="entry-title">
                                <a href="#">Communication, Marketing et digital</a>
                            </h2>
                            <div class="entry-date tw-meta">
                                <span>21 février 2021</span> /
                                <span class="entry-author">By&nbsp;<a href="#" title="Posts by Themewaves" rel="author">TosKa T</a></span>
                            </div>
                            <div class="entry-media">
                                <div class="tw-thumbnail" data-uk-lightbox>
                                    <a href="assets/demo/blog/unnamed1.jpg" class="tw-image-hover" title="Longboard Ride">
                                        <img src="assets/images/carousel/Blog-Les-Oiseaux.jpg" alt="blog agence digitale" />
                                    </a>
                                </div>
                            </div>
                            <div class="entry-content">
                                <p>Le blog s'adresse à nos clients et partenaires. Il traite de sujets liés à la commmunication, au marketing et au webmarketing : publicité, branding, remarketing, Google Ads, Facebook Ads, référencement naturel, web analytics, social média, e-réputation, blogging, influenceurs, e-ambassadeurs, contenu, storytelling, inbound marketing, webdesign, UX, UI. Nous publions des articles une fois par mois et le blog viendra s'enrichir de prises de paroles des spécialistes du secteur. Notre but est de rester au contact des évolutions pour en faire beneficier nos clients.</p>
                                <p class="more-link"><a class="uk-button uk-button-default uk-button-small uk-button-radius tw-hover" href="#"><span class="tw-hover-inner"><span>Lire</span><i class="ion-ios-arrow-thin-right"></i></span></a></p>
                            </div>
                            <div class="entry-share tw-socials tw-social-light with-hover">
                                <a class="facebook-share" href="#" title="Share this"><i class="ion-social-facebook"></i><span>1</span></a>
                                <a class="pinterest-share" href="#" title="Pin It" data-image="assets/demo/blog/blog-1.jpg"><i class="ion-social-pinterest"></i><span>0</span></a>
                                <a class="twitter-share" href="#" title="Tweet" data-title="Adventurous girl" data-id="1" data-ajaxurl="#"><i class="ion-social-twitter"></i><span>3</span></a>
                                <a class="comment-count" href="#" title="4 comments"><i class="ion-chatbubbles"></i><span>4 commentaires</span></a>
                            </div>
                        </div>
                    </article>

                    <article class="post" data-category="sea">
                        <div class="entry-post">
                            <div class="entry-cats tw-meta">
                                <a href="#categorie-sea">SEA : Publicités, Adwords, remarketing</a>
                            </div>
                            <h2 class="entry-title">
                                <a href="#">Linkedin Ads, l'outil B2B</a>
                            </h2>
                            <div class="entry-date tw-meta">
                                <span>21 Juillet 2019</span> /
                                <span class="entry-author">By&nbsp;<a href="#" title="Posts by Themewaves" rel="author">TosKa T</a></span>
                            </div>
                            <div class="entry-media">
                                <div class="tw-thumbnail" data-uk-lightbox>
                                    <a href="assets/demo/blog/unnamed2.jpg" class="tw-image-hover" title="Snowy Valley">
                                        <img src="assets/images/carousel/Blog Quimper32.jpg" alt="TosKa Tourisme, agence digitale" />
                                    </a>
                                </div>
                            </div>
                            <div class="entry-content">
                                <p> La publicité sur LinkedIn Ads peut être une stratégie intéressante pour atteindre des audiences appropriées selon vos objectifs, le plus souevnt en B2B. La meilleure réponse tient en quelques mots : parce que tout le monde est sur LinkedIn. Enfin, on exagère, pas tout le monde. Avec presque 600 millions d'inscrits, des professionnels, des cadres, des influenceurs et des personnes y conversent chaque jour. LinkedIn a considérablement amélioré son outil et aujourd'hui, il est le réseau social de référence pour les professionnels. Pour des stratégies marketing B2B, pour générer des leads B2B ou pour faire de la publicité, LinkedIn peut être une solution même si le coût de la conversion reste encore élevé.</p>
                                <p class="more-link"><a class="uk-button uk-button-default uk-button-small uk-button-radius tw-hover" href="#"><span class="tw-hover-inner"><span>Lire</span><i class="ion-ios-arrow-thin-right"></i></span></a></p>
                            </div>
                            <div class="entry-share tw-socials tw-social-light with-hover">
                                <a class="facebook-share" href="#" title="Share this"><i class="ion-social-facebook"></i><span>1</span></a>
                                <a class="pinterest-share" href="#" title="Pin It" data-image="assets/demo/blog/blog-1.jpg"><i class="ion-social-pinterest"></i><span>0</span></a>
                                <a class="twitter-share" href="#" title="Tweet" data-title="Adventurous girl" data-id="1" data-ajaxurl="#"><i class="ion-social-twitter"></i><span>3</span></a>
                                <a class="comment-count" href="#" title="4 comments"><i class="ion-chatbubbles"></i><span>4 commentaires</span></a>
                            </div>
                        </div>
                    </article>

                    <article class="post" data-category="hebergements">
                        <div class="entry-post">
                            <div class="entry-cats tw-meta">
                                <a href="#categorie-hebergements">Hôtels, campings, gîtes</a>
                            </div>
                            <h2 class="entry-title">
                                <a href="#">PLUS ET DE MEILLEURS AVIS</a>
                            </h2>
                            <div class="entry-date tw-meta">
                                <span>23 juillet 2019</span> /
                                <span class="entry-author">By&nbsp;<a href="#" title="Posts by Themewaves" rel="author">TosKa Tourisme</a></span>
                            </div>
                            <div class="entry-media">
                                <div class="tw-thumbnail" data-uk-lightbox>
                                    <a href="assets/demo/blog/unnamed3.jpg" class="tw-image-hover" title="Sexy Lace Mascara">
                                        <img src="assets/images/carousel/Blog-riecbateaux.jpg" alt="TosKa Tourisme, agence digitale" />
                                    </a>
                                </div>
                            </div>
                            <div class="entry-content">
                                <p>L'importance des avis consommateurs n'est plus discutée même si elle agace parfois. Les témoignages des consommateurs sont très importants pour la réputation d'un hôtel, d'un restaurant ou de l'intérêt d'une visite dans un musée. Ils influencent le choix des internautes au moment de choisir ou d'acheter une prestation. Alors comment gérer ses avis ? Comment en récupérer plus ? Comment augmenter sa note moyenne ?
                                Les échanges sont dématérialisés et déshumanisés. Il est donc de voir devoir d’offrir le meilleur service pour que l’expérience de vos clients soit réussie.
                              </p>
                                <p class="more-link"><a class="uk-button uk-button-default uk-button-small uk-button-radius tw-hover" href="#"><span class="tw-hover-inner"><span>Lire</span><i class="ion-ios-arrow-thin-right"></i></span></a></p>
                            </div>
                            <div class="entry-share tw-socials tw-social-light with-hover">
                                <a class="facebook-share" href="#" title="Share this"><i class="ion-social-facebook"></i><span>1</span></a>
                                <a class="pinterest-share" href="#" title="Pin It" data-image="assets/demo/blog/blog-1.jpg"><i class="ion-social-pinterest"></i><span>0</span></a>
                                <a class="twitter-share" href="#" title="Tweet" data-title="Adventurous girl" data-id="1" data-ajaxurl="#"><i class="ion-social-twitter"></i><span>3</span></a>
                                <a class="comment-count" href="#" title="4 comments"><i class="ion-chatbubbles"></i><span>4 commentaires</span></a>
                            </div>
                        </div>
                    </article>


                </div>


                <div class="tw-pagination pagination-border">
                    <div class="older">
                        <a href="#" class="uk-button uk-button-default uk-button-small uk-button-radius uk-button-silver tw-hover"><span class="tw-hover-inner"><span>Autres Posts</span><i class="ion-ios-arrow-thin-right"></i></span></a>
                    </div>
                </div>

            </div>

            <div class="sidebar-area">
                <div class="sidebar-inner" data-uk-sticky="bottom: true;offset: 40">

                    <div class="widget-item">
                        <aside class="widget widget_categories">
                            <h3 class="widget-title"><span>Catégories</span></h3>
                            <ul>
                                <li class="cat-item"><a href="#categorie-tous">Tous les articles</a></li>
                                <li class="cat-item"><a href="#categorie-creation-sites">Création de sites Internet</a></li>
                                <li class="cat-item"><a href="#categorie-pmes">PMEs et artisans</a></li>
                                <li class="cat-item"><a href="#categorie-hebergements">Hôtels, campings, gîtes</a></li>
                                <li class="cat-item"><a href="#categorie-terroir">Terroir, Restaurants, Domaines Viticoles</a></li>
                                <li class="cat-item"><a href="#categorie-musees">Musées, Festivals, Expositions</a></li>
                                <li class="cat-item"><a href="#categorie-loisirs">Parcs de loisirs, golfs...</a></li>
                                <li class="cat-item"><a href="#categorie-offices">Offices et comités départementaux de tourisme</a></li>
                                <li class="cat-item"><a href="#categorie-sea">SEA : Publicités, Adwords, remarketing</a></li>
                                <li class="cat-item"><a href="#categorie-seo">SEO : Référencement, netlinking, contenu</a></li>
                                <li class="cat-item"><a href="#categorie-smo">SMO : Social Media, Community Management</a></li>
                                <li class="cat-item"><a href="#categorie-md">MD : Emailing, Newsletter</a></li>
                                <li class="cat-item"><a href="#categorie-divers">Divers</a></li>
                            </ul>
                        </aside>
                    </div>

                    <div class="widget-item">
                        <aside class="widget tw-text-widget">
                            <img src="assets/images/carousel/Blog-MIJ-pinceaux.jpg" alt="Musée Illustration Jeunesse"/>
                        </aside>
                    </div>

                    <div class="widget-item">
                        <aside class="widget tw-post-widget">
                            <h3 class="widget-title"><span>Derniers posts</span></h3>
                            <ul>
                                <li>
                                    <div class="recent-thumb">
                                        <a href="#"><img src="assets/demo/post-widget/recent-1.jpg" alt="TosKa Tourisme, agence digitale"></a>
                                    </div>
                                    <div class="recent-content">
                                        <h4><a href="#">Une campagne SEA Google Adwords et Facebook Ads mutualisée au service d'un territoire touristique</a></h4>
                                        <span class="entry-date">18 aoùt 2019</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="recent-thumb">
                                        <a href="#"><img src="assets/demo/post-widget/recent-2.jpg" alt="TosKa Tourisme, agence digitale"></a>
                                    </div>
                                    <div class="recent-content">
                                        <h4><a href="#">L'ancrage géographique d'un site touristique</a></h4>
                                        <span class="entry-date">14 septembre 2019</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="recent-thumb">
                                        <a href="#"><img src="assets/demo/post-widget/recent-3.jpg" alt="TosKa Tourisme, agence digitale"></a>
                                    </div>
                                    <div class="recent-content">
                                        <h4><a href="#">Référencer ou faire du contenu ?</a></h4>
                                        <span class="entry-date">28 Juin 2018</span>
                                    </div>
                                </li>
                            </ul>
                        </aside>
                    </div>



                    <div class="widget-item">
                        <aside class="widget widget_wysija">
                            <h3 class="widget-title"><span>Newsletter</span></h3>
                            <div class="widget_wysija_cont">
                                <form class="widget_wysija">
                                    <p class="wysija-paragraph">
                                        <input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Your Email" placeholder="Email"
                                            value="" />
                                    </p>
                                    Abonnez-vous à notre Newsletter (à partir de Janvier 2020)
                                    <input class="wysija-submit wysija-submit-field" type="submit" value="S'abonner">
                                </form>
                            </div>
                        </aside>
                    </div>

			    </div>
	        </section>
	        <hr />
			<section id="contact" class="uk-section">
			    <div class="uk-container">

			        <div class="tw-element tw-heading uk-text-center">
			            <h3>Contacts</h3>
			            <p>Nous concevons et développons des stratégies webmarketing performantes.<br>Renseignez-vous.
			                </p>
			        </div>

			        <div class="tw-element uk-child-width-1-1 uk-child-width-expand@s uk-grid-large uk-grid" data-uk-grid="" data-uk-scrollspy="target: > div; cls:uk-animation-slide-bottom-small; delay: 300;">
			            <div class="uk-first-column uk-scrollspy-inview uk-animation-slide-bottom-small" style="">
			                <div class="tw-element tw-box uk-text-center uk-padding custom-typography">
			                    <i class="et-map-pin uk-border-circle layout-2"></i>
			                    <h4 class="uk-text-uppercase">
			                        Adresses
			                    </h4>
			                    <p class="description uk-margin-small-top">
			                        26 cours Anatole France<br>03000 Moulins AUVERGNE<br><br>5 rue Danton<br>29000 Quimper BRETAGNE<br><br>11 rue Monge<br>35000 Rennes BRETAGNE<br>
			                    </p>
			                </div>
			            </div>
			            <div style="" class="uk-scrollspy-inview uk-animation-slide-bottom-small">
			                <div class="tw-element tw-box uk-text-center uk-padding custom-typography">
			                    <i class="et-phone uk-border-circle layout-2"></i>
			                    <h4 class="uk-text-uppercase">
			                        Call
			                    </h4>
			                    <p class="description uk-margin-small-top">
			                        <a href="tel:0470445199">(33) 04 70 44 51 99 </a> <br> <a href="tel:0638678924">(33) 06 38 67 89 24</a>
			                    </p>
			                </div>
			            </div>
			            <div style="" class="uk-scrollspy-inview uk-animation-slide-bottom-small">
			                <div class="tw-element tw-box uk-text-center uk-padding custom-typography">
			                    <i class="et-envelope uk-border-circle layout-2"></i>
			                    <h4 class="uk-text-uppercase">
			                        Email
			                    </h4>
			                    <p class="description uk-margin-small-top">
			                        agence@toska-tourisme.com
			                    </p>
			                </div>
			            </div>
			        </div>

			    </div>
			    <hr />

			    <div class="uk-container uk-container-xsmall contact-btn-container">

              <a href="contact" class="uk-button uk-button-dark uk-button-big uk-button-silver uk-button-radius dark-hover tw-hover">Envoyer un Message</a>

			    </div>
  			    <hr  style="margin-top: 40px;">
  			    <div class="uk-container contact-page" style="text-align: center; padding-top: 20px;">
			        <div class="tw-element tw-socials tw-socials-dark uk-scrollspy-inview uk-animation-slide-bottom-medium" data-uk-grid="" style="">
                <a href="https://www.facebook.com/LucoTosKa"><i class="uk-icon-button tw-margin fab fa-facebook"></i></a>
                <a href="https://twitter.com/ToskaTourisme"><i class="uk-icon-button tw-margin fab fa-twitter"></i></a>
                <a href="https://linkedin.com/in/lucopierre-toska-tourisme"><i class="uk-icon-button tw-margin fab fa-linkedin"></i></a>
                <!--
                <a href=""><i class="uk-icon-button tw-margin fab fa-instagram"></i></a>
                <a href=""><i class="uk-icon-button tw-margin fab fa-youtube"></i></a>
                -->
			        </div>
			    </div>
			    <hr>
			    <div class="uk-container uk-contact-links" style="text-align: center;">
				    <a href="politique-confidentialite">Politique de Confidentialité</a> - <a href="mentions-legales">Mentions Légales</a> - <a href="partenaires">Partenaires</a>
			    </div>
			</section>
        </div>
        <script src="assets/js/jquery-3.2.0.min.js"></script>
        <script src="assets/js/jquery.easypiechart.min.js"></script>
        <script src="assets/js/uikit.min.js"></script>
        <script src="assets/js/uikit-icons.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/tooltipster.bundle.min.js"></script>
        <script src="assets/js/theme.js?v=<?php echo mt_rand(0, 99999); ?>"></script>

        <script>
        (function () {
            const liste = document.querySelector('.tw-blog');
            const articles = Array.from(liste.querySelectorAll('article.post'));
            const message = document.createElement('p');
            message.textContent = 'Aucun article dans cette catégorie pour le moment.';
            message.setAttribute('role', 'status');
            message.hidden = true;
            liste.appendChild(message);

            function afficherCategorie(categorie) {
                let visibles = 0;

                articles.forEach(function (article) {
                    const categoriesArticle = article.dataset.category.split(' ');
                    const afficher = categorie === 'tous' || categoriesArticle.includes(categorie);
                    article.style.display = afficher ? '' : 'none';
                    if (afficher) visibles++;
                });

                message.hidden = false;
                message.style.display = visibles === 0 ? 'block' : 'none';
            }

            function categorieDepuisAdresse() {
                return window.location.hash.startsWith('#categorie-')
                    ? window.location.hash.slice('#categorie-'.length)
                    : 'tous';
            }

            document.querySelectorAll('.widget_categories a[href^="#categorie-"], .entry-cats a[href^="#categorie-"]')
                .forEach(function (lien) {
                    lien.addEventListener('click', function (evenement) {
                        evenement.preventDefault();
                        evenement.stopPropagation();
                        const categorie = lien.getAttribute('href').slice('#categorie-'.length);
                        history.pushState(null, '', '#categorie-' + categorie);
                        afficherCategorie(categorie);
                        liste.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    });
                });

            window.addEventListener('hashchange', function () {
                afficherCategorie(categorieDepuisAdresse());
            });
            window.addEventListener('popstate', function () {
                afficherCategorie(categorieDepuisAdresse());
            });
            afficherCategorie(categorieDepuisAdresse());
        })();
        </script>
    </body>
</html>
