<!DOCTYPE html>
<html class="tw-h-full" lang="fr" data-theme="light">
    <head>
        <meta charset="UTF-8">
                                                                                    
                            
                            
                                                                    
                            
                            
                    
                                                                        
                                                                                                                                                                
        
        
        <title>AUCH CULTURE &amp; LOISIRS | OT Grand Auch Cœur de Gascogne</title>
        <meta name="description" content="Trouvez et réservez vos activités préférées en quelques clics." data-react-helmet="true"/>
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" data-react-helmet="true">

                                    <link rel="canonical" href="https://www.mysportsession.com/contact" />
                            <meta property="og:site_name" content="Auch Tourisme" data-react-helmet="true">
        <meta property="og:title" content="AUCH CULTURE &amp; LOISIRS | OT Grand Auch Cœur de Gascogne" data-react-helmet="true"/>
        <meta property="og:description" content="Trouvez et réservez vos activités préférées en quelques clics." data-react-helmet="true"/>
        <meta property="og:image" itemprop="image" content="https://culture-loisirs.auch-tourisme.com/media/cache/resolve/meta_image_600x600/647df97cc36cb770434718.jpg" data-react-helmet="true">
        <meta property="og:image:secure_url" itemprop="image" content="https://culture-loisirs.auch-tourisme.com/media/cache/resolve/meta_image_600x600/647df97cc36cb770434718.jpg" data-react-helmet="true">
        <meta property="og:image:width" content="600" data-react-helmet="true"/>
        <meta property="og:image:height" content="600" data-react-helmet="true"/>
        <meta property="fb:app_id" content="191474775280320" data-react-helmet="true"/>
        <meta property="og:type" content="website" data-react-helmet="true"/>
        <meta property="og:locale" content="fr_FR" data-react-helmet="true"/>

                        <meta property="og:url" content="https://culture-loisirs.auch-tourisme.com/contact" data-react-helmet="true" />
                <link href="https://fonts.googleapis.com/css?family=Caveat+Brush|Permanent+Marker|Quicksand:400,500,600,700|Roboto:400,500,700,900&display=swap" rel="stylesheet">
        <link rel="apple-touch-icon" sizes="180x180" type="image/png" href="https://culture-loisirs.auch-tourisme.com/media/cache/resolve/appleTouchIcon/647dfb040c6f0347992028.png">
        <link rel="shortcut icon" sizes="48x48" type="image/png" href="https://culture-loisirs.auch-tourisme.com/media/cache/resolve/baseIcon/647dfb040c6f0347992028.png">
        <link rel="icon" sizes="48x48" href="https://culture-loisirs.auch-tourisme.com/media/cache/resolve/baseIcon/647dfb040c6f0347992028.png">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="theme-color" content="#ffffff">
        <meta name="apple-mobile-web-app-title" content="Auch Tourisme">
        <link rel="manifest" href="/manifest.json">
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "MySportSession",
            "url": "https://www.mysportsession.com/",
            "logo": "https://www.mysportsession.com/favicon.ico"
        }
        </script>

                        <link crossorigin rel="stylesheet" href="/build/assets/base-DHdkKV4n.css"><link crossorigin rel="stylesheet" href="/build/assets/all-DTvYgx4e.css"><link crossorigin rel="modulepreload" href="/build/assets/base-DhVwgoNc.js">
            <link crossorigin rel="stylesheet" href="/build/assets/auchtourisme-DHcAt61O.css"><link crossorigin rel="modulepreload" href="/build/assets/main-BU36_1ta.js"><link crossorigin rel="modulepreload" href="/build/assets/index-B8_nURbH.js"><link crossorigin rel="modulepreload" href="/build/assets/_commonjsHelpers-D6-XlEtG.js"><link crossorigin rel="modulepreload" href="/build/assets/lozad.es-DAAULFW0.js">
        
                    <style>
            .btn-primary,
            .tw-btn-primary {
                background-color: #e10803 !important;
                border-color: #e10803 !important;
            }
            .btn-primary:hover,
            .tw-btn-primary:hover {
                background-color: #e10803 !important;
                border-color: #e10803 !important;
                filter: brightness(90%);
            }
        </style>
        <style>
        #contact-form .profile-notifications .form-check {
            display: flex;
            align-items: center;
            gap: 0.65rem;
            background: #fff;
            border: 1px solid #d8dff2;
            border-radius: 0.5rem;
            padding: 0.65rem 0.85rem;
            min-height: 46px;
        }

        #contact-form .profile-notifications .form-check-input {
            position: static;
            float: none;
            margin: 0;
            width: 1.1rem;
            height: 1.1rem;
            flex-shrink: 0;
            border-radius: 0.2rem !important;
        }

        #contact-form .profile-notifications .form-check-label {
            margin-bottom: 0;
            font-weight: 600;
            color: #475569;
            line-height: 1.3;
            cursor: pointer;
        }
    </style>

                    <script crossorigin type="module" src="/build/assets/base-CLMMTGow.js"></script>
            <script crossorigin type="module" src="/build/assets/auchtourisme-_vzMIm2Y.js"></script>
        
        <script>
          var dataLayer = [];
        </script>
                    <!-- Google Tag Manager -->
            <script defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
              })(window,document,'script','dataLayer','GTM-PVCXB8X');</script>
            <!-- End Google Tag Manager -->
            </head>
    <body class="tw-flex tw-min-h-[100%] tw-flex-col auchtourisme-style" data-white-label=&quot;auchtourisme&quot;>
                            <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVCXB8X"
                              height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
            <!-- End Google Tag Manager (noscript) -->
        
                                            <header>
    <nav id="header" class="tw-fixed tw-left-0 tw-right-0 tw-top-0 tw-z-[1100] tw-flex tw-w-full tw-items-center tw-gap-3 tw-border-b tw-border-slate-200 tw-bg-white/95 tw-backdrop-blur tw-px-3 tw-py-2 sm:tw-px-4">
        <div class="tw-flex tw-w-full tw-items-center tw-justify-between tw-gap-3">
            <a class="tw-inline-flex tw-items-center tw-gap-3" href="/">
                <img src="/build/images/whiteLabels/auchtourisme/logo.png" alt="Auch Culture &amp; Loisirs" class="tw-h-[55px] tw-w-[55px] tw-object-contain">
                <p class="tw-text-base tw-font-semibold tw-leading-tight tw-text-slate-900">Auch Culture &amp; Loisirs</p>
            </a>
            <details class="tw-relative lg:tw-hidden">
                <summary class="tw-flex tw-cursor-pointer tw-list-none tw-items-center tw-rounded-lg tw-border tw-border-slate-300 tw-px-3 tw-py-2 tw-text-sm tw-font-semibold tw-text-slate-700">Menu</summary>
                <div class="tw-absolute tw-right-0 tw-mt-2 tw-w-72 tw-rounded-xl tw-border tw-border-slate-200 tw-bg-white tw-p-3 tw-shadow-lg">
                    <ul class="tw-space-y-2">
                        <li>
                            <a class="tw-block tw-rounded-lg tw-bg-blue-900 tw-px-3 tw-py-2 tw-text-center tw-text-sm tw-font-semibold tw-text-white" href="/activites/search">
                                Réservez votre activité
                            </a>
                        </li>
                            <li class="tw-relative tw-list-none">
        <a
            href="/login"
            class="tw-inline-flex tw-h-11 tw-w-11 tw-items-center tw-justify-center tw-rounded-full tw-bg-slate-100 tw-text-primary tw-shadow-sm tw-ring-1 tw-ring-slate-200 hover:tw-bg-slate-200 hover:tw-no-underline"
            aria-label="Se connecter"
        >
            <i class="far fa-user tw-text-lg"></i>
        </a>
    </li>

                    </ul>
                </div>
            </details>
            <ul class="tw-hidden tw-items-center tw-gap-3 lg:tw-flex">
                <li>
                    <a class="tw-rounded-lg tw-bg-red-600 tw-px-4 tw-py-2 tw-text-sm tw-font-semibold tw-text-white hover:tw-bg-red-700" href="/activites/search">
                        Réservez votre activité
                    </a>
                </li>
                    <li class="tw-relative tw-list-none">
        <a
            href="/login"
            class="tw-inline-flex tw-h-11 tw-w-11 tw-items-center tw-justify-center tw-rounded-full tw-bg-slate-100 tw-text-primary tw-shadow-sm tw-ring-1 tw-ring-slate-200 hover:tw-bg-slate-200 hover:tw-no-underline"
            aria-label="Se connecter"
        >
            <i class="far fa-user tw-text-lg"></i>
        </a>
    </li>

            </ul>
        </div>
    </nav>
</header>
                        
                                    
                    <main role="main" class="tw-shrink-0">
                    <div class="tw-bg-white tw-text-slate-900">
        <section class="tw-bg-slate-50 tw-px-4 tw-py-16 sm:tw-px-6 lg:tw-px-10">
            <div class="tw-mx-auto tw-max-w-4xl">
                <div class="tw-rounded-lg tw-bg-white tw-p-6 tw-shadow-sm tw-ring-1 tw-ring-slate-100 sm:tw-p-10">
                <div class="tw-mb-8 tw-text-center tw-space-y-4">
                    <div class="tw-space-y-2">
                        <h1 class="tw-text-4xl tw-font-black tw-text-primary">Une question ?</h1>
                        <p class="tw-text-sm tw-text-slate-600">Notre équipe est là pour vous répondre.</p>
                    </div>
                </div>
                                
                <form name="contact" method="post" class="tw-space-y-6">
                                                                                <div id="contact-form" class="tw-mx-auto tw-grid tw-max-w-3xl tw-gap-4 md:tw-grid-cols-2">
                        <div>
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700 required" for="contact_firstName">Prénom*</label>
    <input type="text" id="contact_firstName" name="contact[firstName]" required="required" class="tw-input tw-input-bordered tw-rounded-lg tw-w-full form-control" />
            
    </div>

                        </div>
                        <div>
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700 required" for="contact_lastName">Nom*</label>
    <input type="text" id="contact_lastName" name="contact[lastName]" required="required" class="tw-input tw-input-bordered tw-rounded-lg tw-w-full form-control" />
            
    </div>

                        </div>
                        <div>
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700 required" for="contact_email">Adresse e-mail *</label>
    <input type="email" id="contact_email" name="contact[email]" required="required" required="required" class="tw-input tw-input-bordered tw-rounded-lg tw-w-full form-control" />
            
    </div>

                        </div>
                        <div>
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700" for="contact_phone">Téléphone (optionnel)</label>
    <input type="tel" id="contact_phone" name="contact[phone]" class="tw-input tw-input-bordered tw-rounded-lg tw-w-full form-control" />
            
    </div>

                        </div>
                        <div class="md:tw-col-span-2">
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700" for="contact_structureSubject">De quelle structure souhaitez-vous parler ? (club ou coach)</label>
    <input type="text" id="contact_structureSubject" name="contact[structureSubject]" placeholder="Uniquement si votre demande concerne un club ou un coach" class="tw-input tw-input-bordered tw-rounded-lg tw-w-full form-control" />
            
    </div>

                        </div>
                                                <div class="md:tw-col-span-2">
                            
    
<div class="tw-space-y-1">
        <label class="tw-mb-0 tw-text-sm tw-font-semibold tw-text-slate-700 required" for="contact_content">Comment pouvons-nous vous aider ?</label>
    <textarea id="contact_content" name="contact[content]" required="required" class="tw-textarea tw-textarea-bordered tw-rounded-lg tw-w-full tw-min-h-[140px] form-control"></textarea>
            
    </div>

                        </div>
                        <div class="md:tw-col-span-2 cgu-container profile-notifications tw-rounded-lg tw-border tw-border-slate-100 tw-bg-slate-50 tw-p-4">
                            
<div class="tw-text-left form-group"><div class="form-check">        
        <input type="checkbox" id="contact_cgu" name="contact[cgu]" required="required" class="tw-checkbox form-check-input" value="1" />
        <label class="form-check-label required" for="contact_cgu">J’accepte de recevoir une réponse par e-mail, ou d’être contacté directement par téléphone.</label></div></div>

                            <a href="/cgu" class="tw-text-xs tw-font-medium tw-text-slate-500 hover:tw-text-[#160d4f]" target="_blank">Consultez les détails de votre consentement.</a>
                        </div>
                        <div class="md:tw-col-span-2 tw-flex tw-justify-center">
                                <div class="g-recaptcha" data-sitekey="6LdPQ8IUAAAAAKvIxJ5eD5d1DAGDPtfcYLjO_XNR"></div>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

                        </div>
                        <div class="md:tw-col-span-2">
                            




    <button
    class="tw-btn tw-gap-2 tw-font-semibold tw-no-underline focus:tw-outline-none disabled:tw-opacity-50 disabled:tw-pointer-events-none tw-inline-flex tw-w-full tw-px-8 tw-py-3 tw-text-base tw-rounded-lg  tw-btn-primary"
                        type="submit"                        
>
        Envoyer    </button>


                        </div>
                    </div>
                <input type="hidden" id="contact__token" name="contact[_token]" data-controller="csrf-protection" value="34357.ZKBXrcVFnC39gzKJJ2B2rLwGJZMiywL7OxZjL9HhFRk.Io0B-5wyrx7PrkfiblcVlPZcFtpyrEaQX10AfoHUd0kG9TzI_BbGH77yBg" /></form>
                </div>
            </div>
        </section>
    </div>
            </main>
        
                                    <footer class="tw-mt-auto tw-pt-16 tw-pb-6">
    <div class="tw-mx-auto tw-max-w-7xl tw-px-4">
        <div class="tw-grid tw-grid-cols-1 tw-gap-10 md:tw-grid-cols-12">
            <div class="md:tw-col-span-3">
                <div class="tw-flex tw-items-center tw-gap-4">
                                            <img src="/build/images/whiteLabels/auchtourisme/logo.png" alt="Auch Culture &amp; Loisirs" class="tw-h-[200px] tw-object-contain">
                                    </div>
                <p class="tw-mt-5 tw-text-sm tw-text-white">
                    Réservez à tout moment votre prochaine activité à Auch et aux alentours sur &quot;Auch Culture &amp; Loisirs&quot;
                </p>
            </div>
            <div class="tw-hidden md:tw-col-span-6 md:tw-block">
                <p class="tw-text-center tw-text-base tw-font-semibold tw-text-white">
                    Liste des activités proposées
                </p>
                <div class="tw-mt-4 tw-columns-3 tw-gap-8">
                                                                                                                            <a href="/sport/activites-culturelles" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Activités Culturelles</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/escape-game" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Escape Game</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/stages-adultes" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Stages Adultes</a>
                                                                                                                                                                                                                                                                                                                                                                            <a href="/sport/loisirs" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Activités de Loisirs</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/massage-bien-etre" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Massage Bien-être</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/stages-enfants" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Stages Enfants</a>
                                                                                                                                                                                                                                                                                                                                                                            <a href="/sport/activites-equestres" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Activités Équestres</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/randonnee-culturelle" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Randonnée Culturelle</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/visites-guidees" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Visites Guidées</a>
                                                                                                                                                                                                                                                                                                                                                                            <a href="/sport/animations-pour-enfants" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Animations pour Enfants</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/randonnee-a-cheval" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Randonnée à Cheval</a>
                                                                                                                                                                                                                                                                                                                                <a href="/sport/equitation" class="tw-mb-2 tw-block tw-text-sm tw-text-white hover:tw-text-blue-700">Équitation</a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
            </div>
            <div class="md:tw-col-span-3">
                <p class="tw-text-base tw-font-semibold tw-text-white">Nous découvrir</p>
                <p class="tw-mt-3"><a class="tw-text-sm tw-text-white hover:tw-text-blue-700" href="/faq">FAQ</a></p>
                <p class="md:tw-hidden"><a class="tw-text-sm tw-text-white hover:tw-text-blue-700" href="/sport">Nos activités</a></p>
                <p><a class="tw-text-sm tw-text-white hover:tw-text-blue-700" href="/contact">Contact</a></p>
            </div>
        </div>
        <hr class="tw-mt-14 tw-border-slate-200"/>
        <div class="tw-pt-5 tw-text-xs tw-text-white">
            Copyright Auch Culture &amp; Loisirs - <a href="/cgu">CGU</a> - <a href="/mentions-legales">Mentions légales</a> - <a href="/confidentialite-des-donnees">Politique de confidentialité</a>
        </div>
    </div>
</footer>

                        </body>
</html>
