Outiref
<!DOCTYPE html> 
<html lang="fr">
<head>
<meta charset="UTF-8">
<script>
window.dataLayer = window.dataLayer || [];
</script>
<title>Marché du lundi à Guillestre</title>
<meta name="description" content="" >
<meta name="keywords" content="évènements Toutle05" >
<meta name="robots" content="index, follow, All" >
<meta property="og:url"           content="https://www.toutle05.fr/front/evenement/detail/150/145" >
<meta property="og:type"          content="website" >
<meta property="og:title"         content="Marché du lundi à Guillestre" >
<meta property="og:description"   content="" >
<link rel="canonical" href="https://www.toutle05.fr/front/evenement/detail/150/145" > 
<meta name="author" content="Toutle05" >
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" href="/images/marques/toutle05-1024x1024.png" >
<meta name= "viewport" content="width=device-width"> 
<meta name="mobile-web-app-capable" content="yes"> 
<link rel="icon" type="image/jpg" href="/images/marques/toutle05-1024x1024.png">
<!-- MINIFIER -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" type="text/css" >
<link rel="stylesheet" href="/css/min-toutle05.fr.css?v=20250704" type="text/css" media="screen" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" ></script>
<script>
        var Global = {};
        Global.lat = null;
        Global.lng = null;
        </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" defer></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" defer></script>
<script src="/javascripts/min-toutle05.fr.js?v=20250728" ></script>
<script>
	document.addEventListener('DOMContentLoaded', function(event) {
		cookieChoices.showCookieConsentBar('En naviguant sur notre site, nous espérons que vous goûterez nos cookies avec délice !',
			'Ok', ['En savoir plus.','Gérez votre consentement sur les cookies.'], ['/docs/cgv.php','/docs/cgv.php#cgv_donnees_personnelles']);
	});
        </script></head>
<body>

<header><!-- Header-->
    <div id="header" class="container d-flex justify-content-between align-items-center">
                <div id="logo">
                            <a title="Toutle05" accesskey="1" href="https://www.toutle05.fr/">
                    Toutle05
                </a>
            </div>

            <div class='container-fluid d-flex justify-content-end align-items-center header-links'>
                                    <a class="h5 d-none d-sm-inline-flex" rel="nofollow" href="/docs/accesprofessionnel.php">Inscrire mon entreprise</a>
                
                <a class='h5 d-none d-sm-inline-flex ml-5' rel='nofollow'
                   href='/france/provence-alpes-cote-d-azur/hautes-alpes/'>Trouver mon pro</a>
                <a class='h5 d-none d-sm-inline-flex ml-5' rel='nofollow'
                   href='/front/evenement/ajouter'>Inscrire un evenement</a>
                <a class='h5 d-none d-sm-inline-flex ml-5' rel='nofollow'
                   href='/front/renseignement/abonnementsPro'>Les Abonnements Pros</a>
                <div class='burger-menu d-inline-flex d-sm-none position-relative'>
                    <button id='burgerBtn' class='btn btn-outline-light' style='padding: 0.5rem 0.8rem;'>&#9776;
                    </button>
                    <div id='burgerDropdown' class='dropdown-menu'
                         style='right:0; left:auto; min-width:180px; display:none; position:absolute; top:100%;'>
                        <a class='dropdown-item' rel='nofollow'
                           href='/docs/accesprofessionnel.php'>Inscrire mon entreprise</a>
                        <a class='dropdown-item' rel='nofollow'
                           href='/france/'>Trouver mon pro</a>
                        <a class='dropdown-item' rel='nofollow'
                           href='/front/evenement/ajouter'>Inscrire un evenement</a>
                    </div>
                </div>

                <script>
                    document.addEventListener('DOMContentLoaded', function () {
                        var btn = document.getElementById('burgerBtn');
                        var menu = document.getElementById('burgerDropdown');
                        btn.addEventListener('click', function (e) {
                            e.stopPropagation();
                            menu.style.display = (menu.style.display === 'block') ? 'none' : 'block';
                        });
                        document.addEventListener('click', function () {
                            menu.style.display = 'none';
                        });
                    });
                </script>

                                    <div id='connexion'>
                                                    <div id="loginContainer">
<a class="ml-sm-5" rel="nofollow" href="#" id="loginButton"><img src="/images/pictos/account.svg" alt="Connexion"></a>
<div style="clear:both"></div>
<div id="loginBox">
<div id="loginForm">
<form  action="/docs/accesprofessionnel.php?connect=IDENT" method="post">
<fieldset>
<div class="input-field">
<label for="email">Email</label>
<input type="email" name="email" id="email" class='form-control' required />
</div>
<div class="input-field">
<label for="password">Mot de passe</label>
<input type="password" name="pass" id="password" class='form-control' required />
</div>
</fieldset>
<input type="submit" class="btn btn-success"  id="login" value="Connexion" />
</form>
<span><a rel="nofollow" href="/front/auth/login?fpModal=1">Mot de passe oublié ?</a></span>
</div>
</div>
</div>

                                            </div>
                    <!-- connexion-->
                            </div>
        </div><!-- header-->
        <div class="header-separator" style="height: 3px; background-color: var(--primary-color); width: 100%;"></div>
</header><!-- Header-->
<main>
    <div id="site_espace">

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
          integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
            integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
    <div class="container my-4">
        <div class="d-flex mb-3">
            <button class="btn btn-secondary" onclick="history.back()">
                &larr; Retour
            </button>
        </div>
        <div class="card mb-4">
            <div class="card-body">
                <h1 class="card-title text-center mb-4">Marché du lundi à Guillestre</h1>
                <div class="d-flex justify-content-center mb-3">
                    <span class="badge badge-categorie d-inline-flex flex-column flex-sm-row align-items-center justify-content-center">
                        <span>Lundi 20 octobre 08h00</span>
                        <span> - </span>
                        <span>Lundi 20 octobre 12h00</span>
                    </span>
                </div>

                <div class="card mb-4">
                    <div class="card-body">
                        <div class="mb-3">
                            Marché hebdomadaire alimentaire et artisanal.<br />
<br />
Tu vas découvrir les richesses du marché de Guillestre, tous les lundis matins!<br />
Tout au long de l'année, retrouvez nos producteurs locaux et italien place du Portail et l'été, découvrez un riche marché avec de très nombreux produits qui s'étend dans toutes les rues du village! Un moment très agréable, riche en découvertes et en rencontres en perspective...
                        </div>
                                                    <div class="row g-3 mb-4">
                                                                    <div class="col-6 col-md-4 col-lg-3">
                                        <img src="/images/evenements/660848/150.jpg"
                                             alt="Image événement" class="img-fluid rounded"
                                             style="object-fit:cover; height:180px;">
                                    </div>
                                                            </div>
                                            </div>
                </div>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h2 class="h4 mb-0">Détails de l'événement</h2>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <h3 class="h5">Début</h3>
                                    <p class="text-muted">
                                        Lundi 20 octobre 08h00
                                    </p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <h3 class="h5">Fin</h3>
                                    <p class="text-muted">
                                        Lundi 20 octobre 12h00
                                    </p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <h3 class="h5">Catégories</h3>
                                    <div>
                                                                                    <a href="/front/evenement/categorie/2"
                                               class="badge badge-categorie cursor-pointer mb-1">Les marchés du lundi</a>
                                                                                    <a href="/front/evenement/categorie/21"
                                               class="badge badge-categorie cursor-pointer mb-1">Marchés - Foires - Salons - Vide greniers</a>
                                                                            </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <h3 class="h5"> Tarif</h3>
                                    <p class="text-muted">gratuit</p>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <h3 class="h5">Site web</h3>
                                    <p class="text-muted"><a href="" target="_blank"
                                                             class="text-decoration-none"></a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h2 class="h4 mb-0">Organisateur</h2>
                    </div>
                    <div class="card-body">
                        <div class="d-flex flex-column">
                            <h3 class="h5 mb-3">Mairie de Guillestre</h3>
                            <p class="mb-2">
                                <a href="mailto:mairie@villedeguillestre.fr"
                                   class="text-decoration-none" style="color: var(--secondary-color);">
                                    📧 : mairie@villedeguillestre.fr
                                </a>
                            </p>
                            <p class="mb-2">
                                <a href="tel:0492450403"
                                   style="color: var(--secondary-color); text-decoration: underline;">
                                    📞 : 0492450403
                                </a>
                            </p>
                            <p class="mb-2"><a
                                href="https://www.villedeguillestre.fr/"
                                style="text-decoration: underline;">Voir le site</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mt-4">
            <div class="card-header">
                <h2 class="h4 mb-0">Lieu</h2>
                <p>Place du Portail 05600 Guillestre</p>
            </div>
            <div class="card-body">
                <div id="event-map" style="height: 300px; width: 100%;"></div>
            </div>
        </div>

        <script>
            const address = "Place du Portail";
            const city = "Guillestre";
            const postalCode = "05600";
            const fullAddress = address + " " + postalCode + " " + city;
            try {
                // Initialisation de la carte
                const map = L.map('event-map').setView([48.866667, 2.333333], 13); // Vue par défaut sur la France
                
                // Ajout de la couche OpenStreetMap
                L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                }).addTo(map);
                
                // Géocodage de l'adresse
                const geocodeUrl = "https://nominatim.openstreetmap.org/search?format=json&q=" + encodeURIComponent(fullAddress);
                fetch(geocodeUrl)
                    .then(response => {
                        return response.json();
                    })
                    .then(data => {
                        if (data && data.length > 0) {
                            const lat = parseFloat(data[0].lat);
                            const lon = parseFloat(data[0].lon);
                            // Centrer la carte sur l'emplacement
                            map.setView([lat, lon], 15);
                            // Ajouter un marqueur
                            const marker = L.marker([lat, lon]);
                            marker.addTo(map);
                        } else {
                            const simplifiedAddress = postalCode + " " + city;
                            return fetch("https://nominatim.openstreetmap.org/search?format=json&q=" + encodeURIComponent(simplifiedAddress));
                        }
                    })
                    .catch(error => {
                        console.error("Erreur lors du géocodage:", error);
                    });
            } catch (error) {
                console.error("Erreur lors de l'initialisation de la carte:", error);
            }
        </script>
    </div>

</div><!-- Fin site espace -->
</main>


<footer class="page-footer">
    <div class="container">
                    <div class="row nomargin pdp-text">
                <div class="col-12 col-md-8">
                    <h4>Nos services</h4>
                    <div class="row">
                        <div class="col-12 col-md-4">
                            <ul>
                                <li><a href="/docs/qui-sommes-nous.php" class="pdp_orange white-text" id="pdp_nous"
                                       title="Qui sommes nous ?">Qui sommes-nous ?</a></li>
                                <li><a href="/front/recrutement" title="Recrutement">Rejoignez-nous !</a></li>
                                                                <li><a href="/france/" title="Annuaire Pros des Hautes Alpes">Trouver mon pro</a>
                                </li>
                                                            </ul>
                        </div>
                        <div class="col-12 col-md-4">
                            <ul>
                                                                                                                                                                <li><a rel="nofollow" href="/docs/cgv.php" title="Mentions légales et CGV">Mentions l&eacute;gales
                                        et CGV</a></li>


                            </ul>
                        </div>

                        <div class="col-12 col-md-4">
                            <ul>
                                <li><a href="/docs/partenaires.php">Partenaires</a></li>

                                                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 text-center linksocial">

                    <ul class="col s2 offset-m4 offset-s2">
                                                                            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/toutle05"
                                   title="Voir la page facebook">
                                    <span class="fa-stack fa-lg">
                                        <i class="fa fa-circle fa-stack-2x"></i>
                                        <i class="fa fa-facebook facebook-color fa-stack-1x fa-inverse"></i>
                                    </span>
                                </a></li>
                        
                    </ul>

                </div>

            </div>
            <!-- lien_partage-->
                            <div class="footer-copyright">
                <div class="container text-center">
                    &copy; 2007-2025 <span
                            class="hide-on-small-only">Toutle05</span>
                                    </div>
            </div>
            <!-- Mentions Légales-->
            </div>
</footer><!-- Fin footer -->


<noscript>
    <link href='/css/style-pages-pro.css' rel='stylesheet' type='text/css'>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</noscript>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script>
    function loadStyleSheet(src) {
        if (document.createStyleSheet) {
            document.createStyleSheet(src);
        } else {
            $("head").append($("<link rel='stylesheet' href='" + src + "' type='text/css' media='screen' />"));
        }
    };
    
    $(window).on("load", function () {
        //loadStyleSheet('/css/style-pages-pro.css');
        // loadStyleSheet('https://fonts.googleapis.com/css?family=Ubuntu:400,300,700');
        loadStyleSheet('https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css');
        loadStyleSheet('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
        if (jQuery().lazyload) {
            $("img.lazy").lazyload({
                threshold: 400
            });
            setTimeout(function () {
                $("img.lazyInstant").each(function () {
                    $(this).attr("src", $(this).data("original"));
                    //$(this).removeAttr("original");
                });
            }, 300)
        }
    });
    
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://api.meilleur-artisan.com/gtag/js?id=G-6RV9TGENJ8"></script>
<script>
    let user_data;
        //add fbc to user_data
    //user_data.fbc = '';
    
    window.dataLayer = window.dataLayer || [];

    let trackingMaFooter = new TrackingMa();

    function gtag() {
        dataLayer.push(arguments);
    }
    
    gtag('config', 'G-6RV9TGENJ8', {
        'transport_url': 'https://api.meilleur-artisan.com',
        'first_party_collection': true, //to send user_data
        user_data: user_data,
        test_event_code: trackingMaFooter.test_event_code
    });
    gtag('js', new Date()); //send the pageview event
</script>

<!-- End Google Analytics -->

</body>
</html>