Outiref

Code source de l'URL : https://www.parcdupetitprince.com

<!DOCTYPE HTML>
<!-- Ce site est fièrement propulsé par Thrill Focus Studios : un passionné du divertissement et de la tech au service des professionnels du loisir : https://thrillfocus.studio -->
<!-- Proudly powered by Thrill Focus Studios: an entertainment and tech enthusiast at the service of leisure professionals: https://thrillfocus.studio -->
<!-- Stolz angetrieben von Thrill Focus Studios: ein leidenschaftlicher Entertainer und Tech-Fan im Dienste von Freizeitprofis: https://thrillfocus.studio -->
<html lang="en" class="dark-mode">
<head>
    <meta charset="utf-8">
    <title>Le Parc du Petit Prince</title>
    
    <meta name="description" content="Discover the Parc du Petit Prince, the largest amusement park in Alsace for families. Attractions, shows, animals, dive into the adventure of the life-size Little Prince!">
    
    <meta property="og:locale" content="en_GB">
    <meta property="og:title" content="Le Parc du Petit Prince">
    <meta property="og:description" content="Discover the Parc du Petit Prince, the largest amusement park in Alsace for families. Attractions, shows, animals, dive into the adventure of the life-size Little Prince!">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Le Parc du Petit Prince">
    <meta property="og:url" content="https://parcdupetitprince.com/">
    <meta property="og:image" content="https://parcdupetitprince.com/content/medias/PPP/source/dc812417-2715-4190-ceda-68912b549589.jpg">
    <meta property="og:image:secure_url" content="https://parcdupetitprince.com/content/medias/PPP/source/dc812417-2715-4190-ceda-68912b549589.jpg">
    
    <meta property="fb:pages" content="241436996016423">
    
    <link rel="icon" type="image/png" href="/apple-touch-icon.png">
    
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=10.0, minimum-scale=1.0">
    
    <link rel="stylesheet" href="/assets/ppp/css/ppp.css?1713356979">
    <script src="/assets/ppp/js/ppp.js?1713356981"></script>

        
    </head>
    
<body>
        <div style="position: absolute; left: -9999px; opacity: 0;">
                    <span style="background-image: url('/content/medias/PPP/source/e868b0c2-891d-5636-0cb7-37f027b05a2a.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/7b152cbe-91fe-a21f-6bb7-684f3cb6a88a.png');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/141ba0b7-54c5-b13c-f64e-bf9c4df211f6.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/3cc2a079-2806-49b0-52a9-432a7e437dcc.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/c105c66c-1aee-ad28-86e7-e2dae99930d5.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/1743b4c9-1565-96dc-87d9-655089f30ecd.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/023b0537-b2fe-d01c-0c94-2d7083e01722.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/a3801855-e8e7-3a54-67fb-467cc5c78161.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/890fe752-1125-1759-aedf-974046a5502e.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/7abb0126-be27-a684-7a26-2b0552e2595c.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/f6ebc96c-c9e3-74a9-8b59-247f63d71015.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/ce154b06-1203-93e0-406f-5029c5cafd0c.svg');"></span>
                    <span style="background-image: url('/content/medias/PPP/source/d8199192-e4b2-1b81-7bde-fc47fb70ed00.svg');"></span>
            </div>
    
    <header id="layout-header">
        <h1 id="main-h1" aria-hidden="true">
            Le Parc du Petit Prince        </h1>
        
        <nav id="layout-navigation">
            <div class="width-centered">
                <div id="layout-navigation__desktop">
                    <div id="layout-navigation__desktop-ul">
                                                
                        <ul class="list-style-none" id="layout-navigation__desktop-left">
                                                        <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">The Park</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/attractions"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/e868b0c2-891d-5636-0cb7-37f027b05a2a.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Rides</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/animaux"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/7b152cbe-91fe-a21f-6bb7-684f3cb6a88a.png');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Animals</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/spectacles"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/141ba0b7-54c5-b13c-f64e-bf9c4df211f6.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Shows</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                        <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">Information</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#tarifs"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/3cc2a079-2806-49b0-52a9-432a7e437dcc.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Prices</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#dates-et-horaires"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/c105c66c-1aee-ad28-86e7-e2dae99930d5.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Opening Calendar</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#restauration"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/1743b4c9-1565-96dc-87d9-655089f30ecd.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Restaurants</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#boutique"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/023b0537-b2fe-d01c-0c94-2d7083e01722.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Shop</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#hebergement"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/a3801855-e8e7-3a54-67fb-467cc5c78161.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Accomodation</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#acces-et-services"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/890fe752-1125-1759-aedf-974046a5502e.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Park services</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="https://app.parcdupetitprince.com"
                                                       class="layout-navigation__sub-item-a"
                                                                                                               target="_blank"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon"><svg viewbox="0 0 24 24"><path d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z"></path></svg></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Application</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                    </ul>
                        
                        <ul class="list-style-none" id="layout-navigation__desktop-right">
                                                        <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">Groups</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/scolaires-periscolaires"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/7abb0126-be27-a684-7a26-2b0552e2595c.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Schools and co</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/comites-d-entreprise"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/f6ebc96c-c9e3-74a9-8b59-247f63d71015.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Work councils</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/groupes"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/ce154b06-1203-93e0-406f-5029c5cafd0c.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Groups</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/anniversaire"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/d8199192-e4b2-1b81-7bde-fc47fb70ed00.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Birthday</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                        <li class="layout-navigation__li">
                                <a href="/contact"
                                   class="layout-navigation__li-a">Contact</a>
                                
                                                            </li>
                                                        <li>
                                <div style="line-height: normal;            position: absolute;            top: 50%;            transform: translateY(-50%);">
    <a href="javascript:;" class="language__current-language">
        <img src="/content/medias/PPP/1920/a9b18d13-87f9-d331-e169-a55cf8ca07b9.svg"
             alt="English"
             title=""
             class="language__list-flag"            >    </a>

    <div class="language__list">
        <ul class="list-style-none">
                                <li>
                        <a href="javascript:;" data-language="fr">
                            <img src="/content/medias/PPP/1920/3bad53f6-fc29-626e-78ea-c7a27c0607e1.svg"
             alt="Français"
             title=""
             class="language__list-flag"            >                        </a>
                    </li>
                                                            <li>
                        <a href="javascript:;" data-language="de">
                            <img src="/content/medias/PPP/1920/6f36b14c-c767-dcb7-79aa-edaa6881b825.svg"
             alt="Deutsch"
             title=""
             class="language__list-flag"            >                        </a>
                    </li>
                                    </ul>
    </div>
</div>                            </li>
                        </ul>

                                                
                        <div id="layout-navigation__desktop-website-logo">
                            <a href="/">
                                                                <img src="/content/medias/PPP/1920/9b5c2d3e-5146-8c05-6241-02b2e5d2173f.svg"
                                     alt="Logo blanc Parc du Petit Prince"
                                     style="width: 184px;">
                            </a>

                                                            <div style="background-color: var(--red);                                            border: 3px solid var(--yellow);                                            border-radius: 0 0 0.5em 0.5em;                                            box-shadow: 0 2px 4px rgb(0 0 0 / 0.75);                                            font-weight: bold;                                            line-height: normal;                                            padding: 2em 1em 1em;                                            position: absolute;                                            right: -72px;                                            text-transform: uppercase;                                            top: 0;                                            z-index: 1;">
                                    <div style="transform: rotate(5deg);">
                                        <span style="background: linear-gradient(90deg, #ffd700 0%, #fff3d7 50%, #ffb90f 100%);                                                    -webkit-background-clip: text;                                                    -webkit-text-fill-color: transparent;                                                    font-size: 4em;">10</span><br>
                                        <span style="background: linear-gradient(90deg, #ffd700 0%, #fff3d7 50%, #ffb90f 100%);                                                    -webkit-background-clip: text;                                                    -webkit-text-fill-color: transparent;                                                    font-size: 2em;">ans</span>
                                    </div>
                                </div>
                                                        </div>
                    </div>
                </div>
                
                <div id="layout-navigation__mobile">
                    <div class="align-items-center flex justify-content-space-between">
                        <div>
                            <div style="line-height: normal;            position: absolute;            top: 50%;            transform: translateY(-50%);">
    <a href="javascript:;" class="language__current-language">
        <img src="/content/medias/PPP/1920/a9b18d13-87f9-d331-e169-a55cf8ca07b9.svg"
             alt="English"
             title=""
             class="language__list-flag"            >    </a>

    <div class="language__list">
        <ul class="list-style-none">
                                <li>
                        <a href="javascript:;" data-language="fr">
                            <img src="/content/medias/PPP/1920/3bad53f6-fc29-626e-78ea-c7a27c0607e1.svg"
             alt="Français"
             title=""
             class="language__list-flag"            >                        </a>
                    </li>
                                                            <li>
                        <a href="javascript:;" data-language="de">
                            <img src="/content/medias/PPP/1920/6f36b14c-c767-dcb7-79aa-edaa6881b825.svg"
             alt="Deutsch"
             title=""
             class="language__list-flag"            >                        </a>
                    </li>
                                    </ul>
    </div>
</div>                        </div>
                        
                        <a href="/" class="block bold relative" style="line-height: 0;">
                            <img src="/content/medias/PPP/source/9b5c2d3e-5146-8c05-6241-02b2e5d2173f.svg"
                                 alt="Le Parc du Petit Prince"
                                 style="width: 96px;">
                            
                                                            <div style="background-color: var(--red);                                            border: 3px solid var(--yellow);                                            border-radius: 0 0 0.5em 0.5em;                                            box-shadow: 0 2px 4px rgb(0 0 0 / 0.75);                                            font-weight: bold;                                            line-height: normal;                                            padding: 2em 1em 1em;                                            position: absolute;                                            right: -80px;                                            text-transform: uppercase;                                            top: -32px;                                            z-index: 1;">
                                    <div style="transform: rotate(5deg);">
                                        <span style="background: linear-gradient(90deg, #ffd700 0%, #fff3d7 50%, #ffb90f 100%);                                                    -webkit-background-clip: text;                                                    -webkit-text-fill-color: transparent;                                                    font-size: 1.5em;">10</span><br>
                                        <span style="background: linear-gradient(90deg, #ffd700 0%, #fff3d7 50%, #ffb90f 100%);                                                    -webkit-background-clip: text;                                                    -webkit-text-fill-color: transparent;                                                    font-size: 1em;">ans</span>
                                    </div>
                                </div>
                                                        </a>
                        
                        <a href="javascript:;" id="layout-navigation-mobile-bars">
                            <span id="layout-navigation-mobile-bars-icon">
                                <svg viewbox="0 0 24 24" style="position: relative; transform: scale(2.25) translateY(1px);">
                                    <path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"></path>
                                </svg>
                            </span>
                            
                            <span id="layout-navigation-mobile-x-icon">
                                <svg viewbox="0 0 24 24" style="position: relative; transform: scale(2.25) translateY(1px);">
                                    <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path>
                                </svg>
                            </span>
                        </a>
                    </div>
                    
                    <ul id="layout-navigation__mobile-ul">
                                                    <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">The Park</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/attractions"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/e868b0c2-891d-5636-0cb7-37f027b05a2a.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Rides</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/animaux"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/7b152cbe-91fe-a21f-6bb7-684f3cb6a88a.png');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Animals</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/parc/spectacles"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/141ba0b7-54c5-b13c-f64e-bf9c4df211f6.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Shows</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                        <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">Information</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#tarifs"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/3cc2a079-2806-49b0-52a9-432a7e437dcc.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Prices</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#dates-et-horaires"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/c105c66c-1aee-ad28-86e7-e2dae99930d5.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Opening Calendar</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#restauration"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/1743b4c9-1565-96dc-87d9-655089f30ecd.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Restaurants</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#boutique"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/023b0537-b2fe-d01c-0c94-2d7083e01722.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Shop</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#hebergement"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/a3801855-e8e7-3a54-67fb-467cc5c78161.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Accomodation</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/infos-pratiques#acces-et-services"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/890fe752-1125-1759-aedf-974046a5502e.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Park services</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="https://app.parcdupetitprince.com"
                                                       class="layout-navigation__sub-item-a"
                                                                                                               target="_blank"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon"><svg viewbox="0 0 24 24"><path d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z"></path></svg></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Application</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                        <li class="layout-navigation__li">
                                <a href="javascript:;"
                                   class="layout-navigation__li-a">Groups</a>
                                
                                                                    <div class="layout-navigation__sub-items">
                                        <ul class="layout-navigation__sub-items-ul">
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/scolaires-periscolaires"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/7abb0126-be27-a684-7a26-2b0552e2595c.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Schools and co</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/comites-d-entreprise"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/f6ebc96c-c9e3-74a9-8b59-247f63d71015.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Work councils</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/groupes"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/ce154b06-1203-93e0-406f-5029c5cafd0c.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Groups</span>
                                                    </a>
                                                </li>
                                                                                            <li class="layout-navigation__sub-item">
                                                    <a href="/groupes/anniversaire"
                                                       class="layout-navigation__sub-item-a"
                                                       >
                                                                                                                    <span class="layout-navigation__sub-item-icon" style="background-image: url('/content/medias/PPP/source/d8199192-e4b2-1b81-7bde-fc47fb70ed00.svg');"></span>
                                                        
                                                        <span class="layout-navigation__sub-item-label">Birthday</span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                                            </li>
                                                        <li class="layout-navigation__li">
                                <a href="/contact"
                                   class="layout-navigation__li-a">Contact</a>
                                
                                                            </li>
                                                </ul>
                </div>
                
                <div id="layout-navigation-sub-modal"></div>
            </div>
        </nav>
    </header>
    
            <div id="layout-ticketing">
            <a href="/billetterie" target="_blank" rel="noreferrer" id="layout-ticketing__a">
                                <span id="layout-ticketing__icon"><img src="/content/medias/PPP/1920/87a34591-11c8-a86c-502c-b79d57639531.svg" alt="Billetterie bleue" id="layout-ticketing__icon-img"></span>
                <span>Buy Tickets</span>
            </a>
        </div>
        
    <main id="layout__body">
        <div id="layout__body-background">
                            <div id="stars-1"></div>
                            <div id="stars-2"></div>
                            <div id="stars-3"></div>
                    </div>
        
                    <div id="void-header"></div>
                
        <div id="layout-body-content">    <div id="home-splash">
        <div id="home-welcome-slider" class="swiper full-height" data-swiper-settings="{&quot;allowTouchMove&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:2500},&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:24,&quot;loop&quot;:false,&quot;speed&quot;:500}">
            <div class="swiper-wrapper full-height">
                                        <div class="swiper-slide home-welcome-slider-item full-height">
                            <div class="absolute full-width full-height" style="left: 0; top: 0;">
                                <video class="absolute full-width full-height" style="left: 0; top: 0; object-fit: cover;"
                                       autoplay playsinline muted loop>
                                    <source src="/content/medias/PPP/1920/fb377baa-6b59-55d2-3d4e-7f89a6df060a.mp4"
                                            type="video/mp4">
                                </video>
                            </div>
                            
                            <div class="home-welcome-slider-item-spacer"></div>
                        </div>
                                                </div>
        </div>
        
                <div id="homepage-park-status-bar">
            <div class="homepage-park-status-bar-col">
                <div class="homepage-park-status-text">
                    <div id="weather-to-be-fetched__icon"><img src="https://www.lameteoagricole.net/assets/images/Weather/numbers/28.svg" alt="température" class="mr-2" height="40" width="40"></div>
                    <div><span id="weather-to-be-fetched__temperature">7</span>°C</div>
                </div>
                <div class="homepage-park-status-bar-title">Ungersheim</div>
            </div>
            
            
            <div class="homepage-park-status-bar-col">
                <div class="homepage-park-status-bar-icon" style="background-image: url('/content/medias/PPP/source/a13a1416-f102-21c8-bbfe-28ba2f8049cc.svg');"></div>
                <div class="homepage-park-status-bar-title">Park closed today</div>
                                                            <div class="homepage-park-status-text">Next opening on <time datetime="2024-04-20">Saturday 20 April 2024</time> à <time datetime="2024-04-20 10:00:00">10:00</time>.</div>
                    
                    <div class="homepage-park-status-text bold">
                        <span class="vertical-align-middle"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z"></path></svg></span>
                        <span class="vertical-align-middle"><a href="/infos-pratiques#dates-et-horaires">View the opening schedule</a></span>
                    </div>
                            </div>
            
                        
            <div class="homepage-park-status-bar-col">
                <div>
                                            <div class="countdown"
                                id="homepage-park-countdown"
                                data-countdown-options="{&quot;now&quot;:&quot;Apr 19, 2024 12:35:22&quot;,&quot;frequency&quot;:200,&quot;target&quot;:&quot;Apr 20, 2024 10:00:00&quot;,&quot;output&quot;:{&quot;days&quot;:&quot;.days&quot;,&quot;hours&quot;:&quot;.hours&quot;,&quot;minutes&quot;:&quot;.minutes&quot;,&quot;seconds&quot;:&quot;.seconds&quot;}}">
                            <span class="homepage-park-countdown-col">
                                <span class="homepage-park-countdown-value days"></span>
                                <span class="homepage-park-countdown-unit">days</span>
                            </span>
                            
                            <span class="homepage-park-countdown-col">
                                <span class="homepage-park-countdown-value hours"></span>
                                <span class="homepage-park-countdown-unit">hours</span>
                            </span>
                            
                            <span class="homepage-park-countdown-col">
                                <span class="homepage-park-countdown-value minutes"></span>
                                <span class="homepage-park-countdown-unit">minutes</span>
                            </span>
                            
                            <span class="homepage-park-countdown-col">
                                <span class="homepage-park-countdown-value seconds"></span>
                                <span class="homepage-park-countdown-unit">seconds</span>
                            </span>
                        </div>
                                    </div>
                
                <div class="homepage-park-status-bar-title">New Season</div>
            </div>
        </div>

        <button type="button" id="homepage-park-status-deployer" class="button inline-flex align-items-center">
            <svg viewbox="0 0 24 24" fill="currentColor"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"></path></svg></span>
            
            <span class="margin-left-0-5x margin-right-0-5x">Informations du jour</span>

            <span class="vertical-align-middle" id="homepage-park-status-deployer__up"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg></span>
            <span class="vertical-align-middle" id="homepage-park-status-deployer__down"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg></span>
        </button>
    </div>

    <script>
    class Home_Splash
    {
        constructor() {
            this.#sizeIt();
            when(window, 'resize', this.#sizeIt);
            when(window, 'load', this.#sizeIt);

            when('#homepage-park-status-deployer', 'click', this.#showHide);
        }

        #sizeIt() {
            const node = document.querySelector('#home-splash');

            if (node) {
                let windowHeight = window.innerHeight;
                windowHeight = windowHeight - document.querySelector('#layout-navigation').offsetHeight;

                node.style.setProperty('--height', windowHeight + 'px');
            }
        }

        #showHide() {
            const bar = document.querySelector('#homepage-park-status-bar');

            this.classList.toggle('homepage-park-status-deployer--on');
            bar.classList.toggle('homepage-park-status-bar--on');
        }
    }

    when(document, 'DOMContentLoaded', function () {
        new Home_Splash();
    });
    </script>
    <div id="homepage__floating-graphics">
    <div id="homepage__floating-graphics-left"></div>
    <div id="homepage__floating-graphics-right"></div>
</div>
    <div id="home-slider-1" class="swiper margin-top margin-bottom" data-swiper-settings="{&quot;allowTouchMove&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:2500},&quot;pauseOnHover&quot;:true,&quot;slidesPerView&quot;:&quot;auto&quot;,&quot;spaceBetween&quot;:0,&quot;loop&quot;:true,&quot;speed&quot;:500}">
        <div class="swiper-wrapper">
                            <article class="swiper-slide home-slider-1-item">
                    <div class="home-slider-1-item-background"
                         style="background-image: url('/content/medias/PPP/1280/d2181eb1-dc9a-d239-431f-400559d58a5d.jpg');">
                        <header class="home-slider-1-item-header">
                            <h2 class="home-slider-1-item-title">Animals</h2>
                        </header>
                    </div>
                    
                    <a href="/parc/animaux" class="home-slider-1-item-a"></a>
                </article>
                            <article class="swiper-slide home-slider-1-item">
                    <div class="home-slider-1-item-background"
                         style="background-image: url('/content/medias/PPP/1280/9b8f1af9-696c-bf4a-a90a-8a78ae492479.jpg');">
                        <header class="home-slider-1-item-header">
                            <h2 class="home-slider-1-item-title">Shows</h2>
                        </header>
                    </div>
                    
                    <a href="/parc/spectacles" class="home-slider-1-item-a"></a>
                </article>
                            <article class="swiper-slide home-slider-1-item">
                    <div class="home-slider-1-item-background"
                         style="background-image: url('/content/medias/PPP/1280/396bd171-cf6d-71d4-3fd8-8e212bd7dc22.jpg');">
                        <header class="home-slider-1-item-header">
                            <h2 class="home-slider-1-item-title">Attractions</h2>
                        </header>
                    </div>
                    
                    <a href="/parc/attractions" class="home-slider-1-item-a"></a>
                </article>
                    </div>
    </div>
        <div class="width-centered">
        <div id="home-slider-2" class="swiper" data-swiper-settings="{&quot;allowTouchMove&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:2500},&quot;pauseOnHover&quot;:true,&quot;centeredSlides&quot;:true,&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0,&quot;loop&quot;:true,&quot;speed&quot;:500,&quot;breakpoints&quot;:{&quot;432&quot;:{&quot;slidesPerView&quot;:1.5},&quot;720&quot;:{&quot;slidesPerView&quot;:2.25},&quot;960&quot;:{&quot;slidesPerView&quot;:3}}}">
            <div class="swiper-wrapper">
                                    <div class="swiper-slide home-slider-2-item">
                        <div class="home-slider-2-item-pads">
                            <div class="home-slider-2-item-relative">
                                <div class="home-slider-2-item-background"
                                     style="background-image: url('/content/medias/PPP/576/a470055b-9d72-a2ee-abc2-d038df2443bc.jpg');"></div>
                                
                                <div class="home-slider-2-item-layer">
                                    <div class="home-slider-2-item-title">
                                        Map                                    </div>
                                </div>
                                
                                <a class="home-slider-2-item-a"
                                   href="/infos-pratiques#acces-et-services" ></a>
                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
    <script>
window.addEventListener('load', function () {
    popin.layout.write({
        id: 'newsletter-popin',
    });
});
</script>

</div> <!-- layout-body-content -->
        
            </main> <!-- #layout-body -->
    
    <footer id="layout-footer">
                    <div class="layout-footer__graphic-container"
                 id="layout-footer__graphic-aerobar">
                <div class="layout-footer__graphic"
                     style="background-image: url('/content/medias/PPP/1920/60fabe4f-9448-9189-3384-118fc765ae45.svg');"></div>
            </div>
                    <div class="layout-footer__graphic-container"
                 id="layout-footer__graphic-balloon">
                <div class="layout-footer__graphic"
                     style="background-image: url('/content/medias/PPP/1920/746c84f6-8c1f-faed-b43c-a7e8eea4c17e.svg');"></div>
            </div>
                    <div class="layout-footer__graphic-container"
                 id="layout-footer__graphic-coaster">
                <div class="layout-footer__graphic"
                     style="background-image: url('/content/medias/PPP/1920/bc7218ef-d67b-1412-35be-87e0dd2ef557.svg');"></div>
            </div>
                    <div class="layout-footer__graphic-container"
                 id="layout-footer__graphic-fox">
                <div class="layout-footer__graphic"
                     style="background-image: url('/content/medias/PPP/1920/135321df-375f-136e-a930-01d0962ac3cd.svg');"></div>
            </div>
            
        <div class="width-centered-720">
            <div id="layout-footer__row">
                <div class="flex flex-wrap justify-content-space-between">
                    <nav id="layout-footer__nav">
                        <ul class="list-style-none">
                                                            <li>
                                    <a href="/charte-rgpd"
                                       >GDPR charter</a>
                                </li>
                                                            <li>
                                    <a href="https://www.flickr.com/photos/parcdupetitprince/albums/with/72157667681386708"
                                       >Photo library</a>
                                </li>
                                                            <li>
                                    <a href="/recrutement"
                                       >Careers</a>
                                </li>
                                                            <li>
                                    <a href="/content/medias/PPP/1920/d166b63a-20f7-14cb-1fbd-da76e7db4869.pdf"
                                       >Internal regulations</a>
                                </li>
                                                            <li>
                                    <a href="/contact"
                                       >Contact</a>
                                </li>
                                                            <li>
                                    <a href="#nous-suivre"
                                       >Follow us</a>
                                </li>
                                                            <li>
                                    <a href="#consentement"
                                       >Consent</a>
                                </li>
                                                    </ul>
                    </nav>
                    
                    <div>
                        <div class="bold">Parc du Petit Prince</div>
<div>
Rue de l'Espoir<br>
F-68190 Ungersheim
</div>

<div>
Tel : <a href="tel:+3389624300">+33 3 89 62 43 00</a><br>
<a href="mailto:contact@parcdupetitprince.com">contact[@]parcdupetitprince.com</a>
</div>                    </div>
                </div>
                
                <div id="layout-footer__partners">
                    <div class="margin-bottom">
                                                
                        <a href="/">
                            <img src="/content/medias/PPP/480/61bc28c8-c89e-3ff3-15f7-ec3084889206.png"
                                 alt="Logo Parc du Petit Prince"
                                 class="layout-footer__ppp-logo">
                        </a>
                    </div>
                    
                    <ul class="list-style-none">
                                                    <li class="inline-block vertical-align-middle margin-right">
                                <a href="https://www.france.tv/enfants/" target="_blank" rel="noreferrer" title="Okoo - France TV">
                                    <img src="/content/medias/PPP/1920/5eb8891e-e55b-b24c-7d13-b04a9d8d133b.svg"
                                         alt="Logo OKOO"
                                         class="layout-footer__partner-logo">
                                </a>
                            </li>
                                                    <li class="inline-block vertical-align-middle margin-right">
                                <a href="https://thrillfocus.studio" target="_blank" rel="noreferrer" title="Thrill Focus Studios">
                                    <img src="/content/medias/PPP/source/ef6c4a9c-ebb9-9033-e900-238c4e7a00ae.svg"
                                         alt="Logo Thrill Focus Studios"
                                         class="layout-footer__partner-logo">
                                </a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
    </footer>
    
    <div class="layout-unload">
        <div class="layout-unload-disc">
            <div class="layout-unload-spinner"></div>
        </div>
    </div>
    
        
    <div class="" id="layout-cookie-consent-banner">
        <div class="width-centered">
            <div id="layout-cookie-consent-banner__text">
                The Parc du Petit Prince website uses tracking cookies for traffic analysis purposes. You can choose to accept or refuse the use of these cookies at any time.            </div>
            
            <div id="layout-cookie-consent-banner__choices" class="margin-top-half text-center">
                <button type="button"
            class="mdc-button mdc-button--raised mdc-button--icon-leading"
            id="layout-cookie-consent-banner__accept">
        <span class="mdc-button__ripple"></span>
        <span class="mdc-button__touch"></span>
        
        <span class="mdc-button__icon mdc-button__icon--leading" aria-hidden="true"><span class="fa fa-check"></span></span>        
                    <span class="mdc-button__label">I accept</span>
                
            </button><button type="button"
            class="mdc-button mdc-button--outlined mdc-button--icon-leading"
            id="layout-cookie-consent-banner__decline">
        <span class="mdc-button__ripple"></span>
        <span class="mdc-button__touch"></span>
        
        <span class="mdc-button__icon mdc-button__icon--leading" aria-hidden="true"><span class="fa fa-times"></span></span>        
                    <span class="mdc-button__label">I decline</span>
                
            </button>            </div>
        </div>
    </div>
    
    </body>
</html>