Showing source for: https://www.provenceweb.fr/f/index.htm
Duration: 0.07626s
Server: Apache

<!DOCTYPE html>
<!-- /layout.antlers.html -->
<html lang="fr" class="antialiased">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
        <link rel="preload" as="style" href="https://www.provenceweb.fr/build/assets/site-25013000.css" /><link rel="modulepreload" href="https://www.provenceweb.fr/build/assets/site-250130002.js" /><link rel="stylesheet" href="https://www.provenceweb.fr/build/assets/site-25013000.css" data-navigate-track="reload" /><script type="module" src="https://www.provenceweb.fr/build/assets/site-250130002.js" data-navigate-track="reload"></script>
        <!-- statamic-peak-seo::snippets/_seo.antlers.html -->

<title>
    
    
    
        Guide vacances en Provence & Côte d'Azur | Provence Web
    
</title>



    <meta name="description" content="Depuis 1996, Provence Web visite les 962 villes et villages de Provence et de la C&ocirc;te d&#039;Azur. Trouvez vos h&eacute;bergements, activit&eacute;s et id&eacute;es de s&eacute;jour.">




   




    
        
            <link rel="alternate" hreflang="fr-FR" href="https://www.provenceweb.fr/f/index.htm">
        
            <link rel="alternate" hreflang="en-US" href="https://www.provenceweb.fr/e/index.htm">
        
    




    
        <link rel="canonical" href="https://www.provenceweb.fr/f/index.htm">
    














<meta property="og:site_name" content="ProvenceWeb">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:url" content="https://www.provenceweb.fr/f/index.htm">

    <meta property="og:title" content="Guide vacances en Provence &amp; C&ocirc;te d&#039;Azur | Provence Web">


    <meta property="og:description" content="Depuis 1996, Provence Web visite les 962 villes et villages de Provence et de la C&ocirc;te d&#039;Azur. Trouvez vos h&eacute;bergements, activit&eacute;s et id&eacute;es de s&eacute;jour.">


    <meta property="og:image" content="https://www.provenceweb.fr/img/containers/images/villages-hd/84/lourmarin/1_g-lourmarin.jpg/480308d3f10967843194e9dfd9235f79/1_g-lourmarin.jpg">




    
        <script>
            window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
        </script>
    
    

    
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-JK2QZ49K4X"></script>
        <script>gtag('js', new Date());gtag('set', new Date());gtag('config', 'G-JK2QZ49K4X' , {'anonymize_ip': true});</script>
    

    
    

    
        <meta name="google-site-verification" content="sxUMJUSo0MkkUu8dPRpcqVINe-LPW8KjpSMuumghfHU" />
    

    

    

    

    

<!-- End: statamic-peak-seo::snippets/_seo.antlers.html -->

        
        <!-- /snippets/_browser_appearance.antlers.html -->







    
    <link rel="icon" href="/favicons/favicon.ico" type="image/svg+xml">
    <link rel="icon" href="/favicons/fr/favicon.ico" type="image/x-icon">

    
    
        <link rel="icon" href="/img/containers/favicons/favicon-32x32.png/9e464cc750f67dbd4d40f4dc37183f22/favicon-32x32.png" sizes="16x16">
        <link rel="icon" href="/img/containers/favicons/favicon-32x32.png/f283f0fb5b4d578dc97e2afb09db7139/favicon-32x32.png" sizes="32x32">
    



<link rel="manifest" href="https://www.provenceweb.fr/f/fr/site.webmanifest">



<!-- End: /snippets/_browser_appearance.antlers.html -->

        

        <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">
        
        
    <script async defer src="https://widget.getyourguide.com/dist/pa.umd.production.min.js"
            data-gyg-partner-id="8ZOE2SR"></script>
    <script>window.pushMST_config = { "vapidPK": "BDWdBZByM0RcTr_8PwjQDpWThIazXqHqFXscTGgzHy1vR3tWpjfTbu1rvRpLzSdzB_VaMULKv_ooNj3u1r3korc", "enableOverlay": true, "swPath": "/sw.js", "i18n": {} };
    var pushmasterTag = document.createElement('script');
    pushmasterTag.src = "https://cdn.pushmaster-cdn.xyz/scripts/publishers/6634d42856af520008b65b77/SDK.js";
    pushmasterTag.setAttribute('defer', '');

    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(pushmasterTag, firstScriptTag);
    </script>
            <meta name="robots" content="max-image-preview:large">
        <style>
            [x-cloak]{display:none!important;}
            @media (min-width:1024px){.pw-mainnav[x-cloak]{display:block!important;}}
        </style>
        <script type="text/javascript" async="async" data-noptimize="1" data-cfasync="false" src="//scripts.mediavine.com/tags/0405fc1d-572d-46a1-84a2-374f0c2654a8.js"></script>
    <style>
/*Mediavine Sidebar Fix*/
@media only screen and (min-width: 1052px) {
  #content > .grid {
    grid-template-columns: 1fr 300px !important;
  }
  #content > .grid > .col-span-2 {
    grid-column: span 1 / span 1 !important;
    min-width: 0;
  }
}
/*Mediavine Sidebar Fix - END*/

/*Sidebar generique*/
/* .pw-sidebar est le conteneur cible Mediavine : il est porte par la colonne de droite
   et englobe tous les widgets (vignettes, listes, carte). Ne pas le remettre sur un aside. */
.pw-sidebar{width:100%;}
.pw-sidebar .pw-nav{display:flex;flex-direction:column;gap:26px;margin:0;}
.pw-sidebar .pw-carte{position:relative;display:block;width:100%;height:200px;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;}
.pw-sidebar .pw-carte::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent 0%,transparent 45%,rgba(0,0,0,.72) 100%);transition:background .3s ease;}
.pw-sidebar .pw-carte:hover::before{background:linear-gradient(to bottom,transparent 0%,transparent 35%,rgba(0,0,0,.85) 100%);}
.pw-sidebar .pw-carte img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.pw-sidebar .pw-carte:hover img{transform:scale(1.05);}
.pw-sidebar .pw-carte:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.14);}
.pw-sidebar .pw-carte-txt{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:18px 20px;}
.pw-sidebar .pw-carte-titre{display:block;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1.2;}
.pw-sidebar .pw-carte-sous{display:block;color:rgba(255,255,255,.85);font-size:12px;font-weight:400;letter-spacing:.2px;margin-top:5px;text-shadow:0 1px 4px rgba(0,0,0,.6);}
.pw-sidebar a:focus-visible{outline:2px solid #8a7360;outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.pw-sidebar *{transition:none !important;}}
@media (max-width:860px){.pw-sidebar .pw-carte{height:180px;}}
/*Sidebar generique - END*/
</style>
</head>
    <body class="antialiased relative" style="background-image: url(/img/header-2.jpg);">
        <div id="content" class="mx-auto sm:px-6 lg:px-8 mb-36 font-medium max-w-5xl">
            <!-- statamic-peak-tools::snippets/_noscript.antlers.html -->

    <noscript>
        <p class="relative z-50 py-3 px-4 bg-gray-100 border-b border-gray-200 text-center font-bold text-xs text-gray-600">This website requires Javascript for some parts to function properly. Your experience may vary.</p>
    </noscript>

    

<!-- End: statamic-peak-tools::snippets/_noscript.antlers.html -->

            
            <!-- statamic-peak-tools::components/_toolbar.antlers.html -->

<!-- End: statamic-peak-tools::components/_toolbar.antlers.html -->

            
        
    
            <!-- /layout/_header.antlers.html -->
<header class="w-full flex flex-wrap flex-row justify-between lg:items-center relative"
        x-data="{nav_open: false, subnav_open: false, show_search: false}"
        x-on:click.outside="nav_open = false; subnav_open = false"
        x-on:resize.window="subnav_open = false"
>
    <div class="w-full flex justify-between items-center bg-white lg:bg-transparent">

        <button type="button" class="inline-flex items-center p-2 ml-3 text-sm hover:bg-brown lg:hidden text-light-blue" @click="nav_open = !nav_open">
            <span class="sr-only text-gray">Ouvrir la barre de navigation</span>
            <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
            </svg>
        </button>

        <div class="my-5">
            <a href="/f/index.htm">
            <img src="/img/provence-web-2.png" alt="Logo ProvenceWeb" class="hidden lg:inline w-auto" width="320" height="77">
            <img src="/img/provence-web-marron-2.png" alt="Logo ProvenceWeb" class="lg:hidden w-auto" width="320" height="77">
            </a>
        </div>

        <div>
            <div class="absolute top-1 lg:initial space-x-1 text-xs text-brown lg:text-md lg:text-white text-right">
                
                <a href="https://www.provenceweb.fr/f/index.htm" class="uppercase !text-brown lg:!text-white  font-bold "> fr</a>
                
                <a href="https://www.provenceweb.fr/e/index.htm" class="uppercase !text-brown lg:!text-white "> en</a>
                
            </div>

            <div>
                <div class="hidden lg:block">
                    
                    <div wire:snapshot="{&quot;data&quot;:{&quot;page&quot;:&quot;\/f\/index.htm&quot;,&quot;dernierId&quot;:null,&quot;dernierTexte&quot;:null,&quot;template&quot;:&quot;live-search::dropdown&quot;,&quot;index&quot;:null,&quot;q&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;jafVyHldl5ZSyf3oUGmQ&quot;,&quot;name&quot;:&quot;recherche-live&quot;,&quot;path&quot;:&quot;f\/index.htm&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;988c534b074d1efe819d4fc14af48700160f3764468ef51d98f80c5050d511a7&quot;}" wire:effects="{&quot;url&quot;:{&quot;q&quot;:{&quot;as&quot;:&quot;q&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;}}}" wire:id="jafVyHldl5ZSyf3oUGmQ" class="relative" x-show="window.innerWidth > 767 || show_search" x-cloak>
    <div class="hidden lg:flex pointer-events-none pr-4 lg:pr-0 lg:absolute inset-y-0 left-0 pl-3 items-center">
        <svg class="h-12 lg:h-5 lg:w-5 text-blue lg:text-brown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path>
        </svg>
    </div>
    <input wire:model.live.debounce.300ms="q" id="search" name="search" class="w-full bg-white border border-gray-400 lg:border-transparent py-2 pl-2 lg:pl-10 pr-3 text-sm placeholder-gray-500 lg:focus:outline-none lg:focus:bg-white lg:focus:border-white lg:focus:ring-white lg:focus:text-gray-900 lg:focus:placeholder-gray-500" placeholder="Chercher" type="search" wire:ignore>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>

                </div>

                <button type="button" class="block lg:hidden pr-4" x-on:click="show_search = !show_search">
                    <svg class="h-8 text-light-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                        <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path>
                    </svg>
                </button>
            </div>
        </div>

    </div>

    <div class="block lg:hidden w-full mx-2 rounded mb-2">
        <div wire:snapshot="{&quot;data&quot;:{&quot;page&quot;:&quot;\/f\/index.htm&quot;,&quot;dernierId&quot;:null,&quot;dernierTexte&quot;:null,&quot;template&quot;:&quot;live-search::dropdown&quot;,&quot;index&quot;:null,&quot;q&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;jIoGfLikL2yEfNictxS5&quot;,&quot;name&quot;:&quot;recherche-live&quot;,&quot;path&quot;:&quot;f\/index.htm&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;47e20f6d040eeb8c000a65d0344254c2c468192f698af169f05f432c66a8952f&quot;}" wire:effects="{&quot;url&quot;:{&quot;q&quot;:{&quot;as&quot;:&quot;q&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;}}}" wire:id="jIoGfLikL2yEfNictxS5" class="relative" x-show="window.innerWidth > 767 || show_search" x-cloak>
    <div class="hidden lg:flex pointer-events-none pr-4 lg:pr-0 lg:absolute inset-y-0 left-0 pl-3 items-center">
        <svg class="h-12 lg:h-5 lg:w-5 text-blue lg:text-brown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path>
        </svg>
    </div>
    <input wire:model.live.debounce.300ms="q" id="search" name="search" class="w-full bg-white border border-gray-400 lg:border-transparent py-2 pl-2 lg:pl-10 pr-3 text-sm placeholder-gray-500 lg:focus:outline-none lg:focus:bg-white lg:focus:border-white lg:focus:ring-white lg:focus:text-gray-900 lg:focus:placeholder-gray-500" placeholder="Chercher" type="search" wire:ignore>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>

    </div>

    
    <div class="pw-mainnav w-full align-bottom text-white lg:!block" x-show="nav_open" x-cloak>
        <nav class="w-full align-bottom text-white bg-brown/70 px-6 py-1 left-0 lg:top-0 z-20 flex-col lg:flex-row lg:space-x-3 lg:w-auto">
            <div class="w-full lg:block lg:w-auto my-2 lg:my-0">
                <ul class="flex flex-col p-4 lg:p-0 lg:flex-row space-y-2 lg:space-y-0 lg:space-x-8 rounded-lg lg:rounded-none mb-5 lg:mb-0">
                    
                    <li class="relative group">
                        <a
                            href="/f/destination.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 0 ? false : 0) : window.location.href='/f/destination.htm'"
                            >
                        Destinations
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 0"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/region/luberon.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Luberon</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/region/alpilles.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Alpilles</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/localite/cote-azur.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Côte d'Azur</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/region/verdon.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Verdon</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/region/camargue.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Camargue</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/villages.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Villages</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/villes.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Villes</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/departement.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Départements</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/carte/provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Cartes</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/hebergements.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 1 ? false : 1) : window.location.href='/f/hebergements.htm'"
                            >
                        Hébergements
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 1"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/hebergements/hotels-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Hôtels</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/locations-vacances-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Locations</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/airbnb.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Airbnb</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/chambres-hotes-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Chambres d'hôtes</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/provence-luxe.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Villas de Luxe</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/campings-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Campings</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/mariage-receptions.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Mariages & Réceptions</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/groupe.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Hébergements pour groupe</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/hebergements/conciergerie.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Conciergeries</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/loisirs/activite.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 2 ? false : 2) : window.location.href='/f/loisirs/activite.htm'"
                            >
                        Activités
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 2"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/loisirs/traditions-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Agenda / Festivités</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/sport-randonnee.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Sports - Rando</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/location-bateau.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Location bateaux</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/location-voiture-ancienne.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Location voiture de collection</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/thalasso.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Thalasso & Balnéo</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/naturisme-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Naturisme</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/guides.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Excursions - guides locaux</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/enfants.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Avec les enfants</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/gastronomie.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 3 ? false : 3) : window.location.href='/f/gastronomie.htm'"
                            >
                        Gastronomie
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 3"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/gastronomie/recettes-provencales.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Recettes Provençales</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/gastronomie/produits-regionaux.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Produits régionaux</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/gastronomie/vins-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Vins de Provence</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/gastronomie/restaurants.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Restaurants</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/vie-locale.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 4 ? false : 4) : window.location.href='/f/vie-locale.htm'"
                            >
                        Vie locale
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 4"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/vie-locale/marches-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Marchés de Provence</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/brocantes-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Brocantes</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/loisirs/traditions-provence.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Festivités</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/vie-locale/traditions.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Traditions</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/actu.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 5 ? false : 5) : window.location.href='/f/actu.htm'"
                            >
                        Actu
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 5"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/actu/magazine.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Magazine</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/actu/culture.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Culture</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/actu/sports.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Sports</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/actu/business.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Business</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/actu/immo.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Immobilier</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                    <li class="relative group">
                        <a
                            href="/f/planifier.htm"
                            class="uppercase hover:no-underline lg:group-hover:border-b-2 border-white"
                            
                            x-on:click.prevent="window.innerWidth < 1024 ? subnav_open = (subnav_open === 6 ? false : 6) : window.location.href='/f/planifier.htm'"
                            >
                        Planifier
                        </a>
                        <div
                            class="lg:hidden lg:group-hover:block lg:absolute z-[2000]"
                            style="background-color: #FAF8F6; min-width: 200px; box-shadow: 0 8px 30px rgba(74,55,40,0.15); border-top: 2px solid #94786A;"
                            x-show="window.innerWidth > 1023 || subnav_open === 6"
                        >
                            <ul style="list-style: none; margin: 0; padding: 6px 0;">
                                
                                
                                <li>
                                    <a
                                        href="/f/planifier/travel-planner.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Travel planner</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/planifier/voyage-sur-mesure.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Voyage sur mesure</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/planifier/chef-prive.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Chef privé</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/planifier/transfert-prive.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Transfert aéroport</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/planifier/reserver-parking.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Parking</a>
                                </li>
                                
                                <li>
                                    <a
                                        href="/f/contact.htm"
                                        style="display: block; padding: 7px 18px; font-size: 14px; color: #4A3728 !important; font-weight: 400; text-transform: none !important; text-decoration: none; letter-spacing: 0.01em;"
                                        
                                        onmouseover="this.style.backgroundColor='#EDE5DD'; this.style.color='#94786A';"
                                        onmouseout="this.style.backgroundColor='transparent'; this.style.color='#4A3728';"
                                    >Contactez-nous</a>
                                </li>
                                
                                
                            </ul>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </nav>
    </div>

</header>
<!-- End: /layout/_header.antlers.html -->

            <div class="grid grid-cols-1 sm:grid-cols-3 gap-5 px-5 py-2 bg-white">
                <div class="col-span-2">
                    <!-- /default.antlers.html -->
<main id="content" class="pb-5">
    <h1>Le guide pour vos vacances en Provence et sur la Côte d'Azur</h1>
    


    
    <!-- /page_builder/_article.antlers.html -->
<div class="w-full my-0">
    <!-- /typography/_prose.antlers.html -->
<article
    class="
        prose
        prose-a:no-underline
        prose-a:text-light-blue
        hover:prose-a:text-primary
        focus:prose-a:outline-none
        focus-visible:prose-a:ring
        focus-visible:prose-a:ring-primary
        focus-visible:prose-a:rounded-sm
        prose-figure:my-0
        prose-pre:whitespace-pre-wrap
        max-w-none
        
    "
>
    <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p style="text-align: justify;">Fondé en 1996, Provence Web est le premier site touristique sur la Provence avec plus d&#039;un million de visiteurs par an. Destinations, hébergements, activités : nous visitons pour vous les 962 villes et villages de la région et vous indiquons nos coups-de-cœur.</p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <!-- /components/_image.antlers.html -->
<figure
    class="
        not-prose !my-8
        size-md
    "
>
    
    <!-- statamic-peak-tools::components/_picture.antlers.html -->

    
        
        
        
        
        

        
        

        
        


        
        

        <picture>
            
                
                    <source
                        srcset="
                            
                                /img/containers/images/provence-tourisme.png/40ca90c7e65677b49965730c69558333/provence-tourisme.webp 320w,
                            
                                /img/containers/images/provence-tourisme.png/a79e7ac814a819c69fc9b6f4f85fbef1/provence-tourisme.webp 480w,
                            
                                /img/containers/images/provence-tourisme.png/43c3e32c68b6eb5f7ce7bec76342dc61/provence-tourisme.webp 640w,
                            
                                /img/containers/images/provence-tourisme.png/15a2842f76290984087bed40d1e2f38d/provence-tourisme.webp 768w,
                            
                                /img/containers/images/provence-tourisme.png/67cc70ad479210e9fba40f82518b937e/provence-tourisme.webp 1024w,
                            
                                /img/containers/images/provence-tourisme.png/2378e959e561c251df723949d911d10c/provence-tourisme.webp 1280w,
                            
                                /img/containers/images/provence-tourisme.png/23f287680f839909cbcf3d7e7981eecf/provence-tourisme.webp 1440w,
                            
                                /img/containers/images/provence-tourisme.png/a6498779eaae628f219ad8562a67b770/provence-tourisme.webp 1536w,
                            
                                /img/containers/images/provence-tourisme.png/78075bb347d32f1b308ee3cc2e4c123a/provence-tourisme.webp 1680w
                            
                        "
                        sizes="
        (min-width: 1280px) 640px, (min-width: 768px) 50vw, 90vw
        "
                        type="image/webp"
                    >
                
                    <source
                        srcset="
                            
                                /img/containers/images/provence-tourisme.png/3c25f3e3581d7a82389c75175266f3e4/provence-tourisme.jpg 320w,
                            
                                /img/containers/images/provence-tourisme.png/0042adacb4cc46d3ff041d12a548ebdc/provence-tourisme.jpg 480w,
                            
                                /img/containers/images/provence-tourisme.png/4d17eecf999e0cfa435302141145854c/provence-tourisme.jpg 640w,
                            
                                /img/containers/images/provence-tourisme.png/3e0da17021b94f1ffa63506c7b626274/provence-tourisme.jpg 768w,
                            
                                /img/containers/images/provence-tourisme.png/ddb0e99cab80fdcb9ec42b1cff6eceb2/provence-tourisme.jpg 1024w,
                            
                                /img/containers/images/provence-tourisme.png/a340d8b3f7ec0eb81ba0d8e014e49f7f/provence-tourisme.jpg 1280w,
                            
                                /img/containers/images/provence-tourisme.png/65150452f311fb4b6a0702bb7db4b161/provence-tourisme.jpg 1440w,
                            
                                /img/containers/images/provence-tourisme.png/42b44546d104008a401521a3a441e43e/provence-tourisme.jpg 1536w,
                            
                                /img/containers/images/provence-tourisme.png/b3408e002e53af9165f60dbe765634c0/provence-tourisme.jpg 1680w
                            
                        "
                        sizes="
        (min-width: 1280px) 640px, (min-width: 768px) 50vw, 90vw
        "
                        type="image/jpeg"
                    >
                
                <img
                    width="700"
                    height="262"
                    src="/img/containers/images/provence-tourisme.png/673d7af75172b996640760c89cc4b08f/provence-tourisme.png"
                    alt="Tourisme en Provence."
                    
                        class="w-full"
                    
                    
                    
                >
            
        </picture>
    

<!-- End: statamic-peak-tools::components/_picture.antlers.html -->


    

    <!-- /typography/_caption.antlers.html -->

<!-- End: /typography/_caption.antlers.html -->

</figure>
<!-- End: /components/_image.antlers.html -->

        
            <!-- /components/_pw_insert.antlers.html -->
<div class="not-prose">
    









</div>
<!-- End: /components/_pw_insert.antlers.html -->

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <h2 style="text-align: justify;">Hôtels, locations de vacances et campings en Provence</h2><p style="text-align: justify;">Pour trouver facilement votre <strong>hébergement en Provence</strong>, voici notre sélection d’établissements dans notre belle région : </p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <style>
    /* Styles isolés pour éviter les conflits */
    .destinations-grid {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        width: fit-content;
        margin: 0 auto;
    }

    .destinations-grid .card {
        position: relative;
        width: 170px;
        height: 260px;
        border-radius: 15px;
        overflow: hidden !important;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        display: block;
        text-decoration: none;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    .destinations-grid .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(0,0,0,0.8) 100%);
        z-index: 2;
        transition: all 0.3s ease;
    }

    .destinations-grid .card:hover::before {
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0,0,0,0.9) 100%);
    }

    .destinations-grid .card-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .destinations-grid .card:hover .card-image {
        transform: scale(1.05);
    }

    .destinations-grid .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        z-index: 3;
    }

    .destinations-grid .card-title {
        color: white;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-shadow: 0 1px 3px rgba(0,0,0,0.7);
        line-height: 1.2;
        margin: 0;
    }

    .destinations-grid .card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    }

    .destinations-grid .card::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
        z-index: 1;
    }

    .destinations-grid .card:active::after {
        width: 200px;
        height: 200px;
        opacity: 0;
    }

    /* Responsive Design - Optimisé pour 4 vignettes */
    @media (max-width: 1024px) {
        .destinations-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }

        .destinations-grid .card {
            width: 150px;
            height: 230px;
        }
    }

    @media (max-width: 768px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 10px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 240px;
            max-width: none !important;
        }

        .destinations-grid .card-title {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 15px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 210px;
            max-width: none !important;
        }

        .destinations-grid .card-content {
            padding: 12px;
        }

        .destinations-grid .card-title {
            font-size: 11px;
        }
    }
</style>

<div class="destinations-grid">
    <a href="https://www.provenceweb.fr/f/hebergements/hotels-provence.htm" class="card">
        <img src="https://www.provenceweb.fr/images/hotel-piscine.jpg" alt="Hôtels" class="card-image">
        <div class="card-content">
            <span class="card-title">Hôtels</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/hebergements/locations-vacances-provence.htm" class="card">
        <img src="https://www.provenceweb.fr/etablissements/gites84/rustrel/villa-ninou.png" alt="Locations de vacances" class="card-image">
        <div class="card-content">
            <span class="card-title">Locations de vacances</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/hebergements/chambres-hotes-provence.htm" class="card">
        <img src="https://www.provenceweb.fr/etablissements/clos-lavande.png" alt="Chambres d'hôtes" class="card-image">
        <div class="card-content">
            <span class="card-title">Chambres d'hôtes</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/hebergements/campings-provence.htm" class="card">
        <img src="https://www.provenceweb.fr/etablissements/photo-etablissement/camping-les-palmiers.png" alt="Campings" class="card-image">
        <div class="card-content">
            <span class="card-title">Campings</span>
        </div>
    </a>
</div>

<script>
    // Animation d'entrée subtile
    window.addEventListener('load', () => {
        const cards = document.querySelectorAll('.destinations-grid .card');
        cards.forEach((card, index) => {
            card.style.opacity = '0';
            card.style.transform = 'translateY(20px)';
            setTimeout(() => {
                card.style.transition = 'all 0.4s ease';
                card.style.opacity = '1';
                card.style.transform = 'translateY(0)';
            }, index * 50);
        });
    });
</script>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p></p><h2 style="text-align: justify;">Séjours de luxe</h2><p style="text-align: justify;">Vous rêvez de vacances de luxe dans le Sud ? Villas privées, yachts avec équipage, excursions sur mesure : nous vous aidons à préparer un séjour d&#039;exception sur la Côte d&#039;Azur et en Provence. </p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <a href="https://www.provenceweb.fr/f/planifier/voyage-sur-mesure.htm" 
   class="cta-premium">
  PLANIFIER MON VOYAGE SUR MESURE
  <svg class="cta-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1 8h14m-5-5l5 5-5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
</a>

<style>
.cta-premium {
  /* Structure */
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 28px;
  
  /* Typography */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  
  /* Couleurs par défaut - fond blanc, texte noir */
  color: #000;
  background-color: #fff;
  border: 1.5px solid #000;
  border-radius: 0;
  
  /* Transition fluide */
  transition: all 0.25s ease;
  cursor: pointer;
}

/* La flèche utilise currentColor donc suit la couleur du texte */
.cta-arrow {
  transition: transform 0.25s ease;
}

/* Hover - INVERSION des couleurs + animation flèche */
.cta-premium:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.cta-premium:hover .cta-arrow {
  transform: translateX(4px);
}

/* Active/Click */
.cta-premium:active {
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 768px) {
  .cta-premium {
    padding: 10px 24px;
    font-size: 12px;
    gap: 8px;
  }
  
  .cta-arrow {
    width: 14px;
    height: 14px;
  }
}
</style>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p style="text-align: justify;"><br>Excellence Riviera organise votre <a target="_blank" href="https://excellenceriviera.com/fr">séjour de luxe sur la Côte d&#039;Azur</a> à Saint-Tropez, Cannes, Monaco et Saint-Jean-Cap-Ferrat. Cette agence est spécialisée dans la location de villas de luxe, les services de conciergerie et la location de yachts avec équipage.</p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            
<div class="my-5">
    <div class="mb-2">
    
        <div>
            <a href="https://excellenceriviera.com/fr" target="_blank" rel="nofollow"
               data-clic="banniere" data-id="excellence-riviera-home-fr" data-nom="excellence-riviera-home-fr.png">
                <img src="/images/pub/excellence-riviera-home-fr.png" alt="excellence-riviera-home-fr.png" class="w-full max-w-lg"/>
            </a>
        </div>
    
</div>
</div>



        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <h2 style="text-align: justify;">Villes et villages à visiter</h2><p style="text-align: justify;">Il y a tant de belles choses à voir en Provence ! Voici déjà quelques <strong>villes et villages à ne pas manquer</strong> pour vous donner des idées :</p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <div class="photo-gallery-wrapper">
    <style>
        .photo-gallery-wrapper * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .photo-gallery-wrapper {
            padding: 2rem 0;
        }

        @media (max-width: 768px) {
            .photo-gallery-wrapper {
                padding: 1rem 0;
            }
        }
    </style>

    <div class="destinations-grid">
        <a href="https://www.provenceweb.fr/f/var/lavandou/lavandou.htm" class="card">
            <img src="https://www.provenceweb.fr/images/villages-hd/83/le-lavandou/20_g-le-lavandou.jpg" alt="Le Lavandou" class="card-image">
            <div class="card-content">
                <span class="card-title">Le Lavandou</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/alpmarit/eze/eze.htm" class="card">
            <img src="https://www.provenceweb.fr/images/villages-hd/06/eze/19_g-eze.jpg" alt="Eze" class="card-image">
            <div class="card-content">
                <span class="card-title">Eze</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/vaucluse/gordes/gordes.htm" class="card">
            <img src="https://www.provenceweb.fr/images/villages-hd/84/gordes/2_g-gordes.jpg" alt="Gordes" class="card-image">
            <div class="card-content">
                <span class="card-title">Gordes</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/vaucluse/avignon/avignon.htm" class="card">
            <img src="https://www.provenceweb.fr/images/villages-hd/84/avignon/2_g-avignon.jpg" alt="Avignon" class="card-image">
            <div class="card-content">
                <span class="card-title">Avignon</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/bouches/fontvieille/fontvieille.htm" class="card">
            <img src="https://www.provenceweb.fr/images/magazine/1-windmill-of-daudet-fontvieille-provence-franc-2023-11-27-05-34-57-utc.jpg" alt="Fontvieille" class="card-image">
            <div class="card-content">
                <span class="card-title">Fontvieille</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/alpmarit/nice/nice.htm" class="card">
            <img src="https://www.provenceweb.fr/images/1_g-nice.jpg" alt="Nice" class="card-image">
            <div class="card-content">
                <span class="card-title">Nice</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/alaupro/sisteron/sisteron.htm" class="card">
            <img src="https://www.provenceweb.fr/images/villages-hd/04/sisteron/3_g-sisteron.jpg" alt="Sisteron" class="card-image">
            <div class="card-content">
                <span class="card-title">Sisteron</span>
            </div>
        </a>

        <a href="https://www.provenceweb.fr/f/bouches/aix/aix.htm" class="card">
            <img src="https://www.provenceweb.fr/images/22_g-aix.jpg" alt="Aix en Provence" class="card-image">
            <div class="card-content">
                <span class="card-title">Aix en Provence</span>
            </div>
        </a>
    </div>
</div>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p style="text-align: justify;"></p><p style="text-align: justify;">Et pour vous aider à <strong>préparer vos vacances en Provence et sur la Côte d’Azur</strong>, nous avons visité pour vous <strong>chacun des 962 villages et villes de la région</strong> !</p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <style>
    /* Styles isolés pour éviter les conflits */
    .destinations-grid {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        width: fit-content;
        margin: 0 auto;
    }

    .destinations-grid .card {
        position: relative;
        width: 170px;
        height: 260px;
        border-radius: 15px;
        overflow: hidden !important;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        display: block;
        text-decoration: none;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    .destinations-grid .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(0,0,0,0.8) 100%);
        z-index: 2;
        transition: all 0.3s ease;
    }

    .destinations-grid .card:hover::before {
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0,0,0,0.9) 100%);
    }

    .destinations-grid .card-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .destinations-grid .card:hover .card-image {
        transform: scale(1.05);
    }

    .destinations-grid .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        z-index: 3;
    }

    .destinations-grid .card-title {
        color: white;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-shadow: 0 1px 3px rgba(0,0,0,0.7);
        line-height: 1.2;
        margin: 0;
    }

    .destinations-grid .card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    }

    .destinations-grid .card::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
        z-index: 1;
    }

    .destinations-grid .card:active::after {
        width: 200px;
        height: 200px;
        opacity: 0;
    }

    /* Responsive Design - Optimisé pour 4 vignettes */
    @media (max-width: 1024px) {
        .destinations-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }

        .destinations-grid .card {
            width: 150px;
            height: 230px;
        }
    }

    @media (max-width: 768px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 10px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 240px;
            max-width: none !important;
        }

        .destinations-grid .card-title {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 15px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 210px;
            max-width: none !important;
        }

        .destinations-grid .card-content {
            padding: 12px;
        }

        .destinations-grid .card-title {
            font-size: 11px;
        }
    }
</style>

<div class="destinations-grid">
    <a href="https://www.provenceweb.fr/f/villes.htm" class="card">
        <img src="https://www.provenceweb.fr/images/villages-hd/13/marseille/16_g-marseille.jpg" alt="Villes" class="card-image">
        <div class="card-content">
            <span class="card-title">Villes</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/villages.htm" class="card">
        <img src="https://www.provenceweb.fr/images/villages-hd/84/goult/16_g-goult.jpg" alt="Villages" class="card-image">
        <div class="card-content">
            <span class="card-title">Villages</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/region/luberon.htm" class="card">
        <img src="https://www.provenceweb.fr/images/villages-hd/84/lourmarin/1_g-lourmarin.jpg" alt="Luberon" class="card-image">
        <div class="card-content">
            <span class="card-title">Luberon</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/region/alpilles.htm" class="card">
        <img src="https://www.provenceweb.fr/images/villages-hd/13/baux-de-provence/2_g-baux-provence.jpg" alt="Alpilles" class="card-image">
        <div class="card-content">
            <span class="card-title">Alpilles</span>
        </div>
    </a>
</div>

<script>
    // Animation d'entrée subtile
    window.addEventListener('load', () => {
        const cards = document.querySelectorAll('.destinations-grid .card');
        cards.forEach((card, index) => {
            card.style.opacity = '0';
            card.style.transform = 'translateY(20px)';
            setTimeout(() => {
                card.style.transition = 'all 0.4s ease';
                card.style.opacity = '1';
                card.style.transform = 'translateY(0)';
            }, index * 50);
        });
    });
</script>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p style="text-align: justify;"></p><h2 style="text-align: justify;">Activités et excursions en Provence</h2><p style="text-align: justify;">Découvrez aussi <a target="_blank" href="/f/loisirs/activite.htm"><strong>notre sélection d’activités originales</strong></a> : ateliers parfum, chasse aux truffes, visites de caves, sorties en bateau, tour en 2CV, visites culturelles… </p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            
<div class="my-5">
    <div class="mb-2">
    
        <div>
            <a href="https://gyg.me/iyDEvLwC" target="_blank" rel="nofollow"
               data-clic="banniere" data-id="activite-provence" data-nom="activite-provence.png">
                <img src="/images/pub/activite-provence.png" alt="activite-provence.png" class="w-full max-w-lg"/>
            </a>
        </div>
    
</div>
</div>



        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <h2 style="text-align: justify;">Gastronomie, traditions et culture provençale</h2><p style="text-align: justify;">De la cuisine méditerranéenne aux traditions provençales de Noël, découvrez notre magazine sur la culture de notre belle région.</p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <style>
    /* Styles isolés pour éviter les conflits */
    .destinations-grid {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        width: fit-content;
        margin: 0 auto;
    }

    .destinations-grid .card {
        position: relative;
        width: 170px;
        height: 260px;
        border-radius: 15px;
        overflow: hidden !important;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        display: block;
        text-decoration: none;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    .destinations-grid .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(0,0,0,0.8) 100%);
        z-index: 2;
        transition: all 0.3s ease;
    }

    .destinations-grid .card:hover::before {
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0,0,0,0.9) 100%);
    }

    .destinations-grid .card-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .destinations-grid .card:hover .card-image {
        transform: scale(1.05);
    }

    .destinations-grid .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        z-index: 3;
    }

    .destinations-grid .card-title {
        color: white;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-shadow: 0 1px 3px rgba(0,0,0,0.7);
        line-height: 1.2;
        margin: 0;
    }

    .destinations-grid .card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    }

    .destinations-grid .card::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
        z-index: 1;
    }

    .destinations-grid .card:active::after {
        width: 200px;
        height: 200px;
        opacity: 0;
    }

    /* Responsive Design - Optimisé pour 4 vignettes */
    @media (max-width: 1024px) {
        .destinations-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }

        .destinations-grid .card {
            width: 150px;
            height: 230px;
        }
    }

    @media (max-width: 768px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 10px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 240px;
            max-width: none !important;
        }

        .destinations-grid .card-title {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .destinations-grid {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            padding: 0 15px;
            width: 100%;
            max-width: none;
        }

        .destinations-grid .card {
            width: 100% !important;
            height: 210px;
            max-width: none !important;
        }

        .destinations-grid .card-content {
            padding: 12px;
        }

        .destinations-grid .card-title {
            font-size: 11px;
        }
    }
</style>

<div class="destinations-grid">
    <a href="https://www.provenceweb.fr/f/gastronomie/recettes-provencales.htm" class="card">
        <img src="https://www.provenceweb.fr/images/magazine/aioli-provencal.png" alt="Cuisine provençale" class="card-image">
        <div class="card-content">
            <span class="card-title">Cuisine provençale</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/vie-locale/traditions.htm" class="card">
        <img src="https://www.provenceweb.fr/images/magazine/13-desserts-noel.png" alt="Traditions" class="card-image">
        <div class="card-content">
            <span class="card-title">Traditions</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/vie-locale/marches-provence.htm" class="card">
        <img src="https://www.provenceweb.fr/images/magazine/marche-var/marche-samedi-var.jpg" alt="Marchés locaux" class="card-image">
        <div class="card-content">
            <span class="card-title">Marchés locaux</span>
        </div>
    </a>

    <a href="https://www.provenceweb.fr/f/gastronomie/produits-regionaux.htm" class="card">
        <img src="https://www.provenceweb.fr/images/truffe-aups.png" alt="Produits régionaux" class="card-image">
        <div class="card-content">
            <span class="card-title">Produits régionaux</span>
        </div>
    </a>
</div>

<script>
    // Animation d'entrée subtile
    window.addEventListener('load', () => {
        const cards = document.querySelectorAll('.destinations-grid .card');
        cards.forEach((card, index) => {
            card.style.opacity = '0';
            card.style.transform = 'translateY(20px)';
            setTimeout(() => {
                card.style.transition = 'all 0.4s ease';
                card.style.opacity = '1';
                card.style.transform = 'translateY(0)';
            }, index * 50);
        });
    });
</script>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p></p><h2 style="text-align: justify;">Agenda des fêtes et festivals en Provence</h2><p style="text-align: justify;">Ne manquez ni les grands festivals, ni les petites fêtes de villages, en consultant notre agenda du mois et notre liste des fêtes provençales pour chaque mois de l’année.</p><ul><li><p style="text-align: justify;"><a href="/f/loisirs/traditions-provence.htm">Fêtes et Festivals en Provence mois par mois</a></p></li></ul>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <style>
  .pw-nav { position: relative; width: 100%; }
  .pw-arrow {
    position: absolute; top: 34px; width: 26px; height: 26px;
    background: #fff !important; border: 1.5px solid #ccc !important;
    border-radius: 50% !important; display: flex !important;
    align-items: center; justify-content: center; cursor: pointer;
    z-index: 10; box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    transition: opacity 0.2s ease; padding: 0 !important;
  }
  .pw-arrow svg { width: 12px; height: 12px; stroke: #666; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
  .pw-arrow--l { left: -13px; } .pw-arrow--r { right: -13px; }
  .pw-arrow.hidden { opacity: 0 !important; pointer-events: none; }
  .pw-track {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
    gap: 10px !important; overflow-x: auto !important; overflow-y: visible !important;
    scrollbar-width: none !important; -ms-overflow-style: none !important;
    padding: 8px 2px 6px !important; list-style: none !important; margin: 0 !important;
    scroll-behavior: smooth;
  }
  .pw-track::-webkit-scrollbar { display: none !important; }
  .pw-item {
    flex-shrink: 0 !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; gap: 3px !important; list-style: none !important; cursor: pointer;
  }
  .pw-item a { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; text-decoration: none !important; }
  .pw-circle {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 68px !important; height: 68px !important; min-width: 68px !important; min-height: 68px !important;
    border-radius: 50% !important; border-width: 3px !important; border-style: solid !important;
    background: #ffffff !important; font-size: 26px !important; line-height: 1 !important;
    box-sizing: border-box !important; -webkit-user-select: none !important; user-select: none !important;
    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.25s ease !important;
  }
  .pw-label {
    font-family: 'Montserrat', sans-serif !important; font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: 0.8px !important; text-transform: uppercase !important; color: #1C1814 !important;
    white-space: nowrap !important; display: block !important; width: 68px !important;
    text-align: center !important; line-height: 1 !important;
  }
  .pw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
</style>

<nav class="pw-nav" aria-label="Navigation par mois">
  <button class="pw-arrow pw-arrow--l hidden" id="pwL" aria-label="Précédent"><svg viewBox="0 0 16 16"><polyline points="10 4 6 8 10 12"/></svg></button>
  <button class="pw-arrow pw-arrow--r" id="pwR" aria-label="Suivant"><svg viewBox="0 0 16 16"><polyline points="6 4 10 8 6 12"/></svg></button>
  <ul class="pw-track" id="pwTrack">
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-janvier.htm" title="Fêtes Janvier en Provence"><span class="pw-circle" style="border-color:#7b9bb8;">🏔️</span><span class="pw-label">Jan<span class="pw-sr">vier</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-fevrier.htm" title="Fêtes Février en Provence"><span class="pw-circle" style="border-color:#7b9bb8;">❄️</span><span class="pw-label">Fév<span class="pw-sr">rier</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-mars.htm" title="Fêtes Mars en Provence"><span class="pw-circle" style="border-color:#a8d4b0;">🌸</span><span class="pw-label">Mar<span class="pw-sr">s</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-avril.htm" title="Fêtes Avril en Provence"><span class="pw-circle" style="border-color:#a8d4b0;">🌷</span><span class="pw-label">Avr<span class="pw-sr">il</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-mai.htm" title="Fêtes Mai en Provence"><span class="pw-circle" style="border-color:#a8d4b0;">🌺</span><span class="pw-label">Mai</span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-juin.htm" title="Fêtes Juin en Provence"><span class="pw-circle" style="border-color:#f5a75b;">🍋</span><span class="pw-label">Juin</span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-juillet.htm" title="Fêtes Juillet en Provence"><span class="pw-circle" style="border-color:#f5a75b;">☀️</span><span class="pw-label">Juil<span class="pw-sr">let</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-aout.htm" title="Fêtes Août en Provence"><span class="pw-circle" style="border-color:#f5a75b;">🏖️</span><span class="pw-label">Aoû<span class="pw-sr">t</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-septembre.htm" title="Fêtes Septembre en Provence"><span class="pw-circle" style="border-color:#d4834a;">🌿</span><span class="pw-label">Sep<span class="pw-sr">tembre</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-octobre.htm" title="Fêtes Octobre en Provence"><span class="pw-circle" style="border-color:#d4834a;">🍂</span><span class="pw-label">Oct<span class="pw-sr">obre</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-novembre.htm" title="Fêtes Novembre en Provence"><span class="pw-circle" style="border-color:#d4834a;">🍄</span><span class="pw-label">Nov<span class="pw-sr">embre</span></span></a></li>
    <li class="pw-item"><a href="/f/loisirs/traditions-provence/fetes-decembre.htm" title="Fêtes Décembre en Provence"><span class="pw-circle" style="border-color:#8aafd4;">🎄</span><span class="pw-label">Déc<span class="pw-sr">embre</span></span></a></li>
  </ul>
</nav>

<script>
(function() {
  document.querySelectorAll('.pw-item').forEach(function(item) {
    var circle = item.querySelector('.pw-circle');
    var label  = item.querySelector('.pw-label');
    item.addEventListener('mouseenter', function() {
      if (circle) { circle.style.transform='translateY(-4px) scale(1.08)'; circle.style.boxShadow='0 12px 28px rgba(0,0,0,0.18)'; }
      if (label)  label.style.color='#C8773A';
    });
    item.addEventListener('mouseleave', function() {
      if (circle) { circle.style.transform=''; circle.style.boxShadow=''; }
      if (label)  label.style.color='';
    });
  });
  var track=document.getElementById('pwTrack'), btnL=document.getElementById('pwL'), btnR=document.getElementById('pwR');
  if (!track) return;
  function update() { var sl=track.scrollLeft, max=track.scrollWidth-track.clientWidth; if(btnL)btnL.classList.toggle('hidden',sl<4); if(btnR)btnR.classList.toggle('hidden',sl>=max-4); }
  if(btnL)btnL.addEventListener('click',function(){track.scrollLeft-=220;});
  if(btnR)btnR.addEventListener('click',function(){track.scrollLeft+=220;});
  track.addEventListener('scroll',update,{passive:true});
  window.addEventListener('resize',update);
  update();
})();
</script>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <p></p><h2 style="text-align: justify;">Carte de la Provence et de la Côte d&#039;Azur</h2><p style="text-align: justify;">Visualisez sur nos <strong>cartes dynamiques</strong> tous les villages de Provence, leurs points d’intérêts et notre sélection d&#039;hébergements :</p><p style="text-align: justify;"></p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <style>
    /* Styles pour une seule vignette horizontale */
    .destinations-container {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .destinations-container .card {
        position: relative;
        width: 350px; /* Largeur équivalente à 2 vignettes (170px * 2 + gap) */
        height: 200px; /* Format horizontal */
        border-radius: 15px;
        overflow: hidden !important;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        display: block;
        text-decoration: none;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    .destinations-container .card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(0,0,0,0.8) 100%);
        z-index: 2;
        transition: all 0.3s ease;
    }

    .destinations-container .card:hover::before {
        background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0,0,0,0.9) 100%);
    }

    .destinations-container .card-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .destinations-container .card:hover .card-image {
        transform: scale(1.05);
    }

    .destinations-container .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        z-index: 3;
    }

    .destinations-container .card-title {
        color: white;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-shadow: 0 1px 3px rgba(0,0,0,0.7);
        line-height: 1.2;
        margin: 0;
    }

    .destinations-container .card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    }

    .destinations-container .card::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
        z-index: 1;
    }

    .destinations-container .card:active::after {
        width: 200px;
        height: 200px;
        opacity: 0;
    }

    /* Responsive Design pour format horizontal */
    @media (max-width: 768px) {
        .destinations-container {
            padding: 15px;
        }

        .destinations-container .card {
            width: 100%;
            max-width: 400px;
            height: 180px;
        }

        .destinations-container .card-title {
            font-size: 14px;
        }

        .destinations-container .card-content {
            padding: 15px;
        }
    }

    @media (max-width: 480px) {
        .destinations-container {
            padding: 10px;
        }

        .destinations-container .card {
            width: 100%;
            height: 160px;
        }

        .destinations-container .card-content {
            padding: 12px;
        }

        .destinations-container .card-title {
            font-size: 12px;
        }
    }
</style>

<div class="destinations-container">
    <a href="https://www.provenceweb.fr/f/carte/provence.htm" class="card">
        <img src="/grafiq/home-2010/provence-8.jpg" alt="Carte de la Provence" class="card-image">
        <div class="card-content">
            <span class="card-title">Carte de la Provence</span>
        </div>
    </a>
</div>

<script>
    // Animation d'entrée subtile pour la vignette unique
    window.addEventListener('load', () => {
        const card = document.querySelector('.destinations-container .card');
        if (card) {
            card.style.opacity = '0';
            card.style.transform = 'translateY(20px)';
            setTimeout(() => {
                card.style.transition = 'all 0.4s ease';
                card.style.opacity = '1';
                card.style.transform = 'translateY(0)';
            }, 100);
        }
    });
</script>

        
            <!-- /components/_text.antlers.html -->
<div class="size-md">
    <h2 style="text-align: justify;">Organisez vos vacances en Provence</h2><p style="text-align: justify;">Si vous avez besoin d’aide pour découvrir la Provence, choisir un hôtel, louer une voiture ou trouver une idée d’activité adaptée à vos goûts, nous sommes là pour vous aider. Notre équipe de travel-planner vous fera diverses propositions sur mesure.</p><p style="text-align: justify;"></p><p style="text-align: justify;">Bonne découverte de la Provence et de la Côte d’Azur sur notre site !</p>
</div>
<!-- End: /components/_text.antlers.html -->

        
            <div id="mediavine-settings" data-blocklist-leaderboard="1" data-blocklist-sidebar-atf="1" data-blocklist-sidebar-btf="1" data-blocklist-content-desktop="1" data-blocklist-content-mobile="1" data-blocklist-adhesion-mobile="1" data-blocklist-adhesion-tablet="1" data-blocklist-adhesion-desktop="1" data-blocklist-recipe="1" data-blocklist-auto-insert-sticky="1" data-blocklist-chicory="1" data-blocklist-zergnet="1" data-blocklist-interstitial-mobile="1" data-blocklist-interstitial-desktop="1" data-blocklist-universal-player-desktop="1" data-blocklist-universal-player-mobile="1" ></div>
</article>
<!-- End: /typography/_prose.antlers.html -->

</div>
<!-- End: /page_builder/_article.antlers.html -->
    
</main>
<!-- End: /default.antlers.html -->
                </div>

                
                <div class="pw-sidebar">
                    

                        
                        

                            
                                
                                
                                

                                
                                
                                

                                
                                
                                

                                
                                
                                
                            

                            
                            
                            
                            

                        

                        
                        <aside>
                            <nav class="pw-nav">
                                <a href="/f/destination.htm" class="pw-carte">
                                    <img src="/images/sidebar/destination.webp" alt="" width="600" height="400">
                                    <span class="pw-carte-txt">
                                        <span class="pw-carte-titre">Destinations</span>
                                        <span class="pw-carte-sous">Luberon, Alpilles, Côte d'Azur...</span>
                                    </span>
                                </a>
                                <a href="/f/hebergements.htm" class="pw-carte">
                                    <img src="/images/sidebar/hebergement.webp" alt="" width="600" height="400" loading="lazy">
                                    <span class="pw-carte-txt">
                                        <span class="pw-carte-titre">Hébergements</span>
                                        <span class="pw-carte-sous">Hôtels, chambres d'hôtes, locations</span>
                                    </span>
                                </a>
                                <a href="/f/loisirs/activite.htm" class="pw-carte">
                                    <img src="/images/sidebar/activite.webp" alt="" width="600" height="400" loading="lazy">
                                    <span class="pw-carte-txt">
                                        <span class="pw-carte-titre">Activités</span>
                                        <span class="pw-carte-sous">Agenda, Fêtes, Loisirs, Sports...</span>
                                    </span>
                                </a>
                                <a href="/f/planifier.htm" class="pw-carte">
                                    <img src="/images/sidebar/planifier.webp" alt="" width="600" height="400" loading="lazy">
                                    <span class="pw-carte-txt">
                                        <span class="pw-carte-titre">Planifier</span>
                                        <span class="pw-carte-sous">Tout pour préparer votre séjour</span>
                                    </span>
                                </a>
                                
                            </nav>
                        </aside>

                    
                </div>
            </div>

            

        </div>

        <!-- /layout/_footer.antlers.html -->
<footer class="w-full mt-auto border-t-2 border-t-light-blue" style="padding:0; background:#0d1b2a; color:#fff; overflow-x: hidden;">

    <!-- BLOC NEWSLETTER -->
    <div style="padding: 48px 40px 40px; text-align:center; border-bottom: 1px solid #1e3a5f;">
        
        <div style="margin-bottom:20px;">
            <div style="font-weight:700; font-size:26px; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px;">Newsletter : chaque semaine le meilleur de la Provence</div>
            <div style="font-size:17px; color:#bbb; max-width:600px; margin:0 auto; line-height:1.6;">Villages d'exception, hôtels de charme, activités originales :<br>profitez toute l'année de la Provence grâce à notre newsletter.</div>
        </div>
        <div style="display:flex; justify-content:center; gap:0; max-width:480px; margin:0 auto;">
            <div class="footer-newsletter-honeypot" aria-hidden="true">
                <input type="text" id="footer-pw-website-fr" name="pw_website" tabindex="-1" autocomplete="off">
            </div>
            <input type="email" id="footer-nl-email-fr" name="email" placeholder="Votre adresse email" style="padding:12px 18px; font-size:14px; border:none; flex:1; background:#fff; color:#000; outline:none;">
            <button id="footer-nl-btn-fr" style="padding:12px 20px; background:#fff; color:#000; border:none; border-left:1px solid #ccc; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:all 0.25s ease;">OK</button>
        </div>
        <div id="footer-nl-msg-fr" style="display:none; max-width:480px; margin:10px auto 0; font-size:13px; padding:8px 12px;"></div>
        
    </div>
    <!-- FIN BLOC NEWSLETTER -->

    <!-- 3 COLONNES -->
    
    <div class="grid footer-3col" style="grid-template-columns: 0.8fr 1fr 1fr; padding: 32px 24px 24px;">
        <div class="m-4" style="padding-right: 20px;">
            <div class="font-bold uppercase" style="color:#fff;">A propos</div>
            <br>
            <p style="text-align:justify; color:#ccc;">Fondé en 1996, Provence Web est <span class="font-bold" style="color:#fff;">le premier site touristique sur la Provence</span> avec plus d'un million de visiteurs par an.</p>
            <p style="text-align:justify; color:#ccc;">Nous promouvons le tourisme en Provence en recommandant des hébergements, des activités, des villes et villages en Provence.</p>
        </div>
        <div class="m-4">
            <div class="font-bold uppercase" style="color:#fff;">Nos services les plus utilisés</div>
            <br>
            <a href="/f/hebergements/hotels-provence.htm" class="pw-footer-link" style="display:inline-block; margin-bottom:10px;">Hôtels en Provence</a><br>
            <a href="/f/hebergements/campings-provence.htm" class="pw-footer-link" style="display:inline-block; margin-bottom:10px;">Campings en Provence</a><br>
            <a href="/f/hebergements/locations-vacances-provence.htm" class="pw-footer-link" style="display:inline-block; margin-bottom:10px;">Locations de vacances</a><br>
            <a href="/f/hebergements/chambres-hotes-provence.htm" class="pw-footer-link" style="display:inline-block; margin-bottom:10px;">Chambres d'hôtes</a><br>
            <a href="/f/hebergements/airbnb.htm" class="pw-footer-link" style="display:inline-block;">Airbnb en Provence</a>
        </div>
        <div class="m-4">
            <div class="font-bold uppercase" style="color:#fff;">Devenir partenaire</div>
            <br>
            <p style="text-align:justify; color:#ccc; margin-bottom:10px;">Provence Web met en avant plus de 500 partenaires provençaux.</p>
            <p style="text-align:justify; color:#ccc;"><a href="/f/contact.htm" class="pw-footer-link" style="font-weight:700; color:#fff;">Contactez-nous</a> pour mettre en avant votre hébergement ou votre activité.</p>
        </div>
    </div>
    

    <!-- COPYRIGHT -->
    <div style="border-top: 1px solid #1e3a5f; padding: 16px 16px;">
        <div class="grid grid-cols-2 footer-copyright-grid" style="gap: 8px;">
            <div class="grid grid-cols-2">
                <div class="grid-span-1 text-xs pt-3" style="color:#aaa;">
                    &copy; 1996
                    
                        - 2026
                    
                    ProvenceWeb
                </div>
                <div class="grid-span-1">
                    
                    <a class="p-1 -m-1 hover:text-primary focus:outline-none focus-visible:ring-2 ring-primary" style="color:#aaa;" href="https://www.facebook.com/provenceweb" rel="noopener" aria-label="ProvenceWeb on Facebook" target="_blank"><svg class="w-3 h-3 overflow-visible fill-current" alt="" aria-hidden="true" viewBox="0 0 140 140"><path d="M105.817 41.825a2.917 2.917 0 00-2.159-.992H81.667v-8.225c0-1.633.35-3.5 2.975-3.5h17.5a2.567 2.567 0 002.041-.875A2.917 2.917 0 00105 26.25V2.917A2.917 2.917 0 00102.083 0H76.825c-28 0-30.158 23.917-30.158 31.208v9.625H32.083a2.917 2.917 0 00-2.916 2.917v23.333A2.917 2.917 0 0032.083 70h14.584v67.083A2.917 2.917 0 0049.583 140H78.75a2.917 2.917 0 002.917-2.917V70h19.541a2.917 2.917 0 002.917-2.625l2.45-23.333a2.917 2.917 0 00-.758-2.217z"/></svg></a>
                    
                </div>
            </div>
            <div class="grid-span-1">
                
                <div>
                    <a href="/f/about-us.htm" class="ml-3 pw-footer-link-sm">Qui sommes-nous ?</a>
                    <a href="/f/mentions-legales.htm" class="ml-3 pw-footer-link-sm">Mentions légales</a>
                    <a href="/f/confidentialite.htm" class="ml-3 pw-footer-link-sm">Politique de confidentialité</a><br>
                </div>
                <div class="mt-2">
                    <a href="/f/remuneration.htm" class="ml-3 pw-footer-link-sm">Comment nous gagnons notre vie ?</a>
                    <a href="/f/contact.htm" class="ml-3 pw-footer-link-sm">Contactez-nous</a>
                </div>
                
            </div>
        </div>
    </div>

    <style>
    .pw-footer-link {
        color: #ccc;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color 0.2s ease, border-color 0.2s ease;
    }
    .pw-footer-link:hover {
        color: #fff;
        border-bottom-color: #fff;
    }
    .pw-footer-link-sm {
        color: #aaa;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color 0.2s ease, border-color 0.2s ease;
    }
    .pw-footer-link-sm:hover {
        color: #fff;
        border-bottom-color: #555;
    }
    .footer-newsletter-honeypot {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }
    @media (max-width: 768px) {
        .footer-3col {
            grid-template-columns: 1fr !important;
        }
        .footer-copyright-grid {
            grid-template-columns: 1fr !important;
        }
        .footer-copyright-grid .ml-3 {
            margin-left: 0 !important;
            margin-right: 8px;
            display: inline-block;
        }
    }
    </style>

    <input type="hidden" id="footer-csrf-token" value="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc">

    <script>
    (function() {
        var lang = (window.location.pathname.indexOf('/e/') > -1) ? 'en' : 'fr';
        var listId = (lang === 'en') ? 21 : 20;
        var btnId  = 'footer-nl-btn-'   + lang;
        var inpId  = 'footer-nl-email-' + lang;
        var msgId  = 'footer-nl-msg-'   + lang;
        var hpId   = 'footer-pw-website-' + lang;

        var btn = document.getElementById(btnId);
        var inp = document.getElementById(inpId);
        var msg = document.getElementById(msgId);
        var hp = document.getElementById(hpId);
        if (!btn || !inp || !msg || !hp) return;

        var txt = {
            fr: { ok: 'Merci ! Vous êtes inscrit(e) à notre newsletter.', err: 'Une erreur s\'est produite. Veuillez réessayer.', invalid: 'Veuillez entrer une adresse email valide.' },
            en: { ok: 'Thank you! You\'ve been subscribed to our newsletter.', err: 'An error occurred. Please try again.', invalid: 'Please enter a valid email address.' }
        };

        function showMsg(text, ok) {
            msg.textContent = text;
            msg.style.display = 'block';
            msg.style.background = ok ? '#2e7d32' : '#c62828';
            msg.style.color = '#fff';
        }

        btn.addEventListener('mouseover', function() { btn.style.background = '#333'; btn.style.color = '#fff'; });
        btn.addEventListener('mouseout',  function() { btn.style.background = '#fff'; btn.style.color = '#000'; });

        btn.addEventListener('click', function() {
            var email = inp.value.trim();
            if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
                showMsg(txt[lang].invalid, false);
                return;
            }
            btn.disabled = true;
            btn.textContent = '...';
            var csrfToken = document.getElementById('footer-csrf-token');
            var formData = new FormData();
            formData.set('_token', csrfToken ? csrfToken.value : '');
            formData.set('pw_website', hp.value);
            formData.set('email', email);
            formData.set('lang', lang);
            formData.set('list_id', listId);
            fetch('/newsletter/subscribe', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken ? csrfToken.value : ''
                },
                body: formData
            })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                if (d.success) {
                    showMsg(txt[lang].ok, true);
                    inp.value = '';
                    btn.style.display = 'none';
                    inp.style.display = 'none';
                } else {
                    showMsg(txt[lang].err, false);
                    btn.disabled = false;
                    btn.textContent = 'OK';
                }
            })
            .catch(function() {
                showMsg(txt[lang].err, false);
                btn.disabled = false;
                btn.textContent = 'OK';
            });
        });
    })();
    </script>

</footer>
<!-- End: /layout/_footer.antlers.html -->
        <!-- Livewire Scripts -->
<script src="https://www.provenceweb.fr/vendor/livewire/livewire.js?id=0f6341c0"   data-csrf="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc" data-update-uri="/livewire/update" data-navigate-once="true"></script>

        
        






<!-- POPUP NEWSLETTER PROVENCEWEB -->
<div class="newsletter-popup-overlay" id="newsletterPopup" role="dialog" aria-modal="true">
    <div class="newsletter-popup-pw">
        <button class="newsletter-close" onclick="closeNewsletterPopup()">&times;</button>

        <div class="newsletter-header">
            <img src="https://www.provenceweb.fr/images/logo-provence-web-lateral.jpg" alt="ProvenceWeb" class="logo-image-pw">
        </div>

        <p class="newsletter-slogan" id="newsletterSlogan"></p>

        <div class="newsletter-image">
            <img src="https://www.provenceweb.fr/images/cote-bleue/calanque-erevine.jpg" alt="Calanque d'Erevine, Côte Bleue">
        </div>

        <p class="newsletter-description" id="newsletterDescription"></p>

        <form id="newsletterForm" class="newsletter-form-pw">
            <input type="hidden" name="_token" value="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc" autocomplete="off">
            <div class="newsletter-honeypot" aria-hidden="true">
                <input type="text" id="pw_website" name="pw_website" tabindex="-1" autocomplete="off">
            </div>
            <input type="email" id="newsletterEmail" name="email" placeholder="" required autocomplete="email">
            <button type="submit" class="newsletter-submit-pw">
                <span class="submit-text" id="submitText"></span>
                <span class="submit-loader" style="display:none;">
                    <svg width="20" height="20" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" opacity="0.25"/><path d="M12 2a10 10 0 0 1 10 10" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round"/></svg>
                </span>
            </button>
        </form>

        <div id="newsletterMessage" class="newsletter-message"></div>
    </div>
</div>

<!-- STYLES -->
<style>
    .newsletter-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .75);
        backdrop-filter: blur(3px);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 99999;
        opacity: 0;
        transition: opacity .4s ease;
        padding: 20px
    }

    .newsletter-popup-overlay.active {
        display: flex;
        opacity: 1
    }

    .newsletter-popup-pw {
        background: #fff;
        max-width: 600px;
        width: 100%;
        position: relative;
        box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
        transform: translateY(30px);
        transition: transform .4s ease;
        overflow: hidden;
        padding: 0;
        margin: 0
    }

    .newsletter-popup-overlay.active .newsletter-popup-pw {
        transform: translateY(0)
    }

    .newsletter-close {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
        border: 2px solid #000;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        font-size: 24px;
        cursor: pointer;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s ease;
        z-index: 10
    }

    .newsletter-close:hover {
        background: #000;
        color: #fff;
        transform: rotate(90deg)
    }

    .newsletter-header {
        background: #fff;
        padding: 15px 0 0;
        text-align: center;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .logo-image-pw {
        max-width: 320px;
        width: 100%;
        height: auto;
        display: block
    }

    .newsletter-slogan {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 24px;
        color: #333;
        text-align: center;
        margin: -5px 0 0 0;
        padding: 0 40px 10px;
        line-height: 1.3;
        font-weight: 400;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        white-space: pre-line
    }

    .newsletter-image {
        width: 100% !important;
        min-width: 100% !important;
        height: 180px;
        overflow: hidden;
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        box-sizing: border-box
    }

    .newsletter-image img {
        width: 100% !important;
        min-width: 100% !important;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important
    }

    .newsletter-description {
        font-family: Georgia, serif;
        font-size: 18px;
        color: #555;
        text-align: center;
        padding: 18px 40px 12px;
        line-height: 1.5;
        margin: 0
    }

    .newsletter-form-pw {
        padding: 0 40px 20px;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .newsletter-form-pw input[type=email] {
        width: 100%;
        padding: 14px 18px;
        border: 2px solid #ddd;
        font-size: 16px;
        background: #fafafa
    }

    .newsletter-form-pw input[type=email]:focus {
        outline: 0;
        border-color: #8b7355;
        background: #fff
    }

    .newsletter-honeypot {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden
    }

    .newsletter-submit-pw {
        width: 100%;
        padding: 15px 28px;
        background: #000;
        color: #fff;
        border: none;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 52px
    }

    .newsletter-submit-pw:hover {
        background: #8b7355;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, .2)
    }

    .newsletter-submit-pw:disabled {
        background: #ccc;
        cursor: not-allowed;
        transform: none
    }

    .submit-loader svg {
        animation: spin-nl 1s linear infinite
    }

    @keyframes spin-nl {
        to {
            transform: rotate(360deg)
        }
    }

    .newsletter-message {
        margin: 0 40px 20px;
        padding: 12px 16px;
        font-size: 14px;
        display: none;
        text-align: center
    }

    .newsletter-message.success {
        background: #e8f5e9;
        color: #2e7d32;
        border: 2px solid #4caf50;
        display: block
    }

    .newsletter-message.error {
        background: #ffebee;
        color: #c62828;
        border: 2px solid #f44336;
        display: block
    }

    @media (max-width: 650px) {
        .newsletter-popup-pw {
            max-width: 95%
        }

        .newsletter-header {
            padding: 12px 0 0
        }

        .logo-image-pw {
            max-width: 260px
        }

        .newsletter-slogan {
            font-size: 20px;
            padding: 0 25px 10px;
            line-height: 1.3;
            max-width: 350px;
            margin-top: -5px
        }

        .newsletter-image {
            height: 140px
        }

        .newsletter-description {
            font-size: 17px;
            padding: 15px 25px 10px;
            line-height: 1.4
        }

        .newsletter-form-pw {
            padding: 0 25px 18px;
            gap: 8px
        }

        .newsletter-form-pw input[type=email] {
            padding: 12px 16px
        }

        .newsletter-message {
            margin: 0 25px 15px;
            padding: 10px 14px
        }

        .newsletter-submit-pw {
            font-size: 13px;
            padding: 13px 24px;
            min-height: 48px
        }
    }

    @media (max-width: 400px) {
        .logo-image-pw {
            max-width: 200px
        }

        .newsletter-slogan {
            font-size: 18px
        }
    }
</style>

<!-- JAVASCRIPT -->
<script>
    (function () {
        'use strict';

        // Détection de langue : priorité aux variables Antlers, sinon détection JavaScript
        var langFromAntlers = 'fr';
        var listFromAntlers = '20';

        // Si Antlers n'a pas fonctionné (pages statiques), détecter depuis l'URL
        var LANG = (langFromAntlers && langFromAntlers !== 'fr')
            ? langFromAntlers
            : (window.location.pathname.indexOf('/e/') > -1 ? 'en' : 'fr');

        var LIST_ID = (listFromAntlers && listFromAntlers !== '20')
            ? parseInt(listFromAntlers)
            : (LANG === 'en' ? 21 : 20);

        var CONFIG = {
            brevoListId: LIST_ID,
            cookieName: 'pw_newsletter_shown',
            cookieDays: 30,
            triggerDelay: 15000,
            scrollTrigger: 50,
        };

        var translations = {
            fr: {
                slogan: "Découvrez chaque semaine,\nle meilleur de la Provence",
                desc: "Villages d'exception, hôtels de charme, activités originales : profitez toute l'année de la Provence grâce à notre Newsletter",
                placeholder: "Entrez votre adresse email",
                button: "S'INSCRIRE À LA NEWSLETTER",
                success: "Merci ! Vous êtes inscrit(e) à notre newsletter.",
                error: "Une erreur s'est produite. Veuillez réessayer.",
                invalid: "Veuillez entrer une adresse email valide."
            },
            en: {
                slogan: "Discover every week,\nthe best of Provence",
                desc: "Exceptional villages, charming hotels, original activities: enjoy Provence all year round with our Newsletter",
                placeholder: "Enter your email address",
                button: "SUBSCRIBE TO NEWSLETTER",
                success: "Thank you! You're subscribed to our newsletter.",
                error: "An error occurred. Please try again.",
                invalid: "Please enter a valid email address."
            }
        };

        var t = translations[LANG] || translations.fr;

        document.getElementById('newsletterSlogan').textContent = t.slogan;
        document.getElementById('newsletterDescription').textContent = t.desc;
        document.getElementById('newsletterEmail').placeholder = t.placeholder;
        document.getElementById('submitText').textContent = t.button;

        var popup = document.getElementById('newsletterPopup');
        var form = document.getElementById('newsletterForm');
        var emailInput = document.getElementById('newsletterEmail');
        var submitBtn = form.querySelector('.newsletter-submit-pw');
        var submitText = submitBtn.querySelector('.submit-text');
        var submitLoader = submitBtn.querySelector('.submit-loader');
        var messageDiv = document.getElementById('newsletterMessage');

        let hasShown = false;
        let hasScrollTriggered = false;

        function getCookie(name) {
            var value = `; ${document.cookie}`;
            var parts = value.split(`; ${name}=`);
            if (parts.length === 2) return parts.pop().split(';').shift();
        }

        function setCookie(name, value, days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            document.cookie = `${name}=${value};expires=${date.toUTCString()};path=/;SameSite=Lax`;
        }

        function showPopup() {
            if (hasShown || getCookie(CONFIG.cookieName)) return;
            popup.classList.add('active');
            hasShown = true;
            document.body.style.overflow = 'hidden';
            setTimeout(() => {
                try {
                    emailInput.focus();
                } catch (e) {
                    console.log('Focus error:', e);
                }
            }, 400);
        }

        window.closeNewsletterPopup = function () {
            popup.classList.remove('active');
            document.body.style.overflow = '';
            setCookie(CONFIG.cookieName, '1', CONFIG.cookieDays);
        }

        // Protection : s'assurer que le body n'est jamais bloqué indéfiniment
        window.addEventListener('load', function () {
            if (!popup.classList.contains('active')) {
                document.body.style.overflow = '';
            }
        });

        function isValidEmail(email) {
            return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
        }

        function showMessage(text, type) {
            messageDiv.textContent = text;
            messageDiv.className = `newsletter-message ${type}`;
            if (type === 'success') {
                setTimeout(() => closeNewsletterPopup(), 3000);
            }
        }

        async function submitToBrevo(email) {
            try {
                const formData = new FormData(form);
                formData.set('email', email);
                formData.set('lang', LANG);
                formData.set('list_id', parseInt(LIST_ID));

                const response = await fetch('/newsletter/subscribe', {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('#newsletterForm [name="_token"]')?.value || ''
                    },
                    body: formData
                });

                const data = await response.json();
                return {success: data.success === true};

            } catch (error) {
                console.error('Newsletter error:', error);
                return {success: false};
            }
        }

        form.addEventListener('submit', async function (e) {
            e.preventDefault();

            var email = emailInput.value.trim();

            if (!isValidEmail(email)) {
                showMessage(t.invalid, 'error');
                return;
            }

            submitBtn.disabled = true;
            submitText.style.display = 'none';
            submitLoader.style.display = 'block';
            messageDiv.className = 'newsletter-message';

            var result = await submitToBrevo(email);

            submitBtn.disabled = false;
            submitText.style.display = 'block';
            submitLoader.style.display = 'none';

            if (result.success) {
                showMessage(t.success, 'success');
                form.reset();

                if (typeof gtag !== 'undefined') {
                    gtag('event', 'newsletter_signup', {
                        'event_category': 'engagement',
                        'event_label': LANG
                    });
                }
            } else {
                showMessage(t.error, 'error');
            }
        });

        popup.addEventListener('click', function (e) {
            if (e.target === popup) closeNewsletterPopup();
        });

        document.addEventListener('keydown', function (e) {
            if (e.key === 'Escape' && popup.classList.contains('active')) {
                closeNewsletterPopup();
            }
        });

        setTimeout(showPopup, CONFIG.triggerDelay);

        window.addEventListener('scroll', function () {
            if (hasScrollTriggered || hasShown) return;
            var scrollPercent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
            if (scrollPercent >= CONFIG.scrollTrigger) {
                hasScrollTriggered = true;
                showPopup();
            }
        });

    })();
</script>


        
        <script>
        (function(){
          var l = location.pathname.split('/')[1] === 'e' ? 'en' : 'fr';

          // Liens texte du Bard marques #pw-collection-id (ex. https://site.com/#pw-hotels-hotels-fr-922) :
          // on les transforme en liens suivis et on retire le marqueur de l'adresse
          document.querySelectorAll('a[href*="#pw-"]').forEach(function(a){
            var i = a.href.indexOf('#pw-');
            var m = a.href.slice(i + 4).match(/^([a-zA-Z]+)-([a-zA-Z0-9_-]+)$/);
            if (!m) return;
            a.dataset.clic = m[1];
            a.dataset.id = m[2];
            a.href = a.href.slice(0, i);
          });

          // Clics
          function clic(e){
            var a = e.target.closest('[data-clic]');
            if (!a || !navigator.sendBeacon) return;
            var f = new FormData();
            f.append('t', a.dataset.clic);
            f.append('id', a.dataset.id);
            f.append('nom', a.dataset.nom || '');
            f.append('l', l);
            navigator.sendBeacon('/clic.php', f);
          }
          document.addEventListener('click', clic);
          document.addEventListener('auxclick', clic);

          // Vues : banniere visible a 50 % pendant 1 seconde, comptee une fois par page
          if (!('IntersectionObserver' in window) || !navigator.sendBeacon) return;
          var vues = [], minuteurs = new Map();
          var obs = new IntersectionObserver(function(entrees){
            entrees.forEach(function(en){
              var a = en.target;
              if (en.isIntersecting) {
                if (!minuteurs.has(a)) minuteurs.set(a, setTimeout(function(){
                  vues.push({t: a.dataset.clic, id: a.dataset.id, nom: a.dataset.nom || ''});
                  obs.unobserve(a);
                  minuteurs.delete(a);
                }, 1000));
              } else if (minuteurs.has(a)) {
                clearTimeout(minuteurs.get(a));
                minuteurs.delete(a);
              }
            });
          }, {threshold: 0.5});
          document.querySelectorAll('[data-clic]').forEach(function(a){ obs.observe(a); });

          // Envoi groupe quand le visiteur quitte la page ou change d'onglet
          function envoi(){
            if (!vues.length) return;
            var f = new FormData();
            f.append('v', JSON.stringify(vues));
            f.append('l', l);
            navigator.sendBeacon('/vue.php', f);
            vues = [];
          }
          document.addEventListener('visibilitychange', function(){
            if (document.visibilityState === 'hidden') envoi();
          });
          window.addEventListener('pagehide', envoi);
        })();
        </script>
    <script>(function() {
    function createMap() {
        var map = {};
        var els = document.getElementsByClassName('nocache');
        for (var i = 0; i < els.length; i++) {
            var section = els[i].getAttribute('data-nocache');
            map[section] = els[i];
        }
        return map;
    }

    function replaceElement(el, html) {
        const tmp = document.createElement('div');
        const fragment = document.createDocumentFragment();

        tmp.setHTMLUnsafe(html);

        while (tmp.firstChild) {
            fragment.appendChild(tmp.firstChild);
        }

        el.replaceWith(fragment);
    }

    var map = createMap();

    fetch('/!/nocache', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            url: window.location.href.split('#')[0],
            sections: Object.keys(map)
        })
    })
    .then((response) => response.json())
    .then((data) => {
        map = createMap();

        const regions = data.regions;
        for (var key in regions) {
            if (map[key]) replaceElement(map[key], regions[key]);
        }

        for (const input of document.querySelectorAll('input[value="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc"]')) {
            input.value = data.csrf;
        }

        for (const meta of document.querySelectorAll('meta[content="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc"]')) {
            meta.content = data.csrf;
        }

        for (const input of document.querySelectorAll('script[data-csrf="BwpDM03ddLvyLHUrET4XXgNSvkbvCmgc8Wzb1LGc"]')) {
            input.setAttribute('data-csrf', data.csrf);
        }

        if (window.hasOwnProperty('livewire_token')) {
            window.livewire_token = data.csrf
        }

        if (window.hasOwnProperty('livewireScriptConfig')) {
            window.livewireScriptConfig.csrf = data.csrf
        }

        document.dispatchEvent(new CustomEvent('statamic:nocache.replaced', { detail: data }));
    });
})();</script></body>
</html>
<!-- End: /layout.antlers.html -->

Latest requests

# Url Url Source Date
1 https://www.provenceweb.fr/f/index… 2026-10-17 01:18:45
2 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:45
3 https://vk.com/badbrowser.php 2026-10-17 01:18:45
4 https://auth.acog.org/OAuth/SignIn… 2026-10-17 01:18:44
5 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
6 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
7 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
8 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
9 https://auth.acog.org/OAuth/SignIn… 2026-10-17 01:18:44
10 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
11 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:44
12 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:43
13 https://auth.acog.org/OAuth/SignIn… 2026-10-17 01:18:43
14 https://www.yummyyummytakeaway.com/ 2026-10-17 01:18:43
15 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:43
16 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:43
17 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:42
18 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:42
19 https://auth.acog.org/OAuth/SignIn… 2026-10-17 01:18:42
20 https://www.texarkanatwins.com/%25… 2026-10-17 01:18:42