<header class="header">
    <nav class="container fixed-top access-nav d-print-none" aria-label="menu accessibilité">
        <ul class="list-unstyled mt-3">
            <li>
                <a class="visually-hidden visually-hidden-focusable btn btn-dark pt-0" accesskey="1" href="#main" title="[Alt+1] Debut du contenu de la page">Début du contenu de la page</a>
            </li>
            <li>
                <a class="visually-hidden visually-hidden-focusable btn btn-dark pt-0" accesskey="2" href="#search-form" title="[Alt+2] Accès au champ de recherche">Accès au champ de recherche</a>
            </li>
            <li>
                <a class="visually-hidden visually-hidden-focusable btn btn-dark pt-0" accesskey="3" href="#" title="[Alt+3] Page d'accueil du site">Accueil</a>
            </li>
            <li>
                <a class="visually-hidden visually-hidden-focusable btn btn-dark pt-0" accesskey="4" href="#" title="[Alt+4] Page de contact">Page de contact</a>
            </li>
        </ul>
    </nav>

    <div class="container">
        <div class="d-flex flex-wrap justify-content-between justify-content-md-end d-print-none">
            <section class="align-items-center d-flex d-print-none">
                <h2 class="visually-hidden">
                    Sous-navigation
                </h2>
                <ul class="list-inline text-md-end small">
                    <li class="list-inline-item me-2">
                        <a href="#">Autorités</a>
                    </li>
                    <li class="list-inline-item me-2">
                        <a href="#">Annuaire</a>
                    </li>
                </ul>
            </section>

            <button id="login-button" type="button" class="btn btn-primary fs-6" data-bs-toggle="collapse" data-bs-target="#login-form-collapse" aria-expanded="false" aria-controls="login-form-collapse">
                Se connecter <span class="fas fa-chevron-down text-white ms-1" id="login-button-icon"></span>
            </button>

            <div id="login-form-collapse" class="border collapse p-3 shadow">
                <div class="d-flex flex-column mb-3">
                    <div class="d-flex flex-row justify-content-between mb-2">
                        <div class="p-2">
                            <span class="h4">Espace sécurisé</span>
                        </div>
                    </div>
                    <div class="mb-1 p-2">
                        <span>
                            Gérez facilement vos <a href="#">démarches administratives</a> en ligne pour les particuliers, entreprises, fondations et communes
                        </span>
                    </div>
                    <div class="mb-3 p-2">
                        <a class="btn btn-success mb-2 py-2 text-center w-100" href="#">
                            Se connecter
                            <span class="fas fa-external-link-alt me-1 text-white"></span>
                        </a>
                        <a class="btn btn-secondary py-2 text-center w-100" href="#">
                            Créer un compte
                        </a>
                    </div>
                    <div class="mb-2 p-2">
                        <details>
                            <summary>Exemples de démarches</summary>
                            <ul>
                                <li>Remplir et déposer sa déclaration d’impôt</li>
                                <li>Consulter son dossier fiscal</li>
                                <li>Remplacer son permis de conduire (particuliers)</li>
                                <li>S’inscrire à la maturité professionnel post-CFC (étudiants)</li>
                                <li>Obtenir une première autorisation frontalière (entreprise)</li>
                                <li>Demander un soutien à un projet cultuel (associations)</li>
                                <li>Accéder au registre cantonal des personnes (communes)</li>
                            </ul>
                        </details>
                    </div>
                    <div class="p-2">
                        <a href="#">
                            Aide en ligne
                        </a>
                    </div>
                </div>
                <div class="mb-3 px-2">
                    <hr class="opacity-25">
                </div>
                <div class="d-flex flex-column">
                    <div class="d-flex flex-row justify-content-between mb-2">
                        <div class="p-2">
                            <span class="h4">Portail IAM</span>
                        </div>
                    </div>
                    <div class="mb-1 p-2">
                        <span>Accès aux applications pour les collaborateurs-trices de l’Etat de Vaud et les partenaires.</span>
                    </div>
                    <div class="mb-1 p-2">
                        <a class="btn btn-success py-2 text-center w-100" href="#">
                            Se connecter
                            <span class="fas fa-external-link-alt me-1 text-white"></span>
                        </a>
                    </div>
                    <div class="mb-1 p-2">
                        <details>
                            <summary>Exemples d’applications</summary>
                            <ul>
                                <li>ACTIS (Camac 2010)</li>
                                <li>Easyvista</li>
                                <li>LAGAPEO</li>
                                <li>LA PLACE</li>
                                <li>NEO</li>
                                <li>PAREO</li>
                                <li>Passerelle Employeur - Impôts à la source</li>
                                <li>RCPers - Registre Cantonal des Personnes</li>
                                <li>Réquisition - Désignation Electronique (ReqDes)</li>
                                <li>RDU</li>
                                <li>Themis</li>
                                <li>Votelec - Dépouillement</li>
                                <li>Wiki projets ACV</li>
                            </ul>
                        </details>
                    </div>
                    <div class="p-2">
                        <a href="#">
                            Aide en ligne
                        </a>
                    </div>
                </div>
            </div>

        </div>
        <a href="../accueil" class="vd-logo" title="Aller à la page d'accueil du Site du Canton de Vaud">
            <img src="../../foehn/svg/ETATVAUD.svg" class="vd-logo__image" alt="État de Vaud" aria-hidden="true" />
        </a>

    </div>
    <div class="vd-nav-primary d-print-none">

        <!-- button -->
        <div class="container">
            <div class="row">
                <div class="col-md-12 d-flex justify-content-md-end">
                    <button type="button" class="btn btn-primary btn-sm vd-nav-primary__button align-self-end collapsed" data-bs-toggle="collapse" data-bs-target="#nav-primary-container" aria-controls="nav-primary-container" aria-expanded="false">
                        <div class="d-flex justify-content-between">
                            <div>
                                <span class="vd-nav-primary__button--close">Cacher les thèmes</span>
                                <span class="vd-nav-primary__button--open">Afficher les thèmes</span>
                            </div>
                            <div>
                                <span class="vd-nav-primary__button--open fas fa-plus"></span>
                                <span class="vd-nav-primary__button--close fas fa-minus"></span>
                            </div>
                        </div>
                    </button>
                </div>
            </div>
        </div>

        <!-- menu -->
        <div class="vd-nav-primary__menu-container">
            <div class="collapse clearfix" id="nav-primary-container">
                <div class="pb-3">
                    <div class="container vd-nav-primary__menu-bg-md">
                        <div class="vd-nav-primary__menu-bg-sm">
                            <div class="row">
                                <nav class="col-md-8 order-md-1 mt-3" id="nav-primary">
                                    <h2 class="visually-hidden">Navigation par thèmes</h2>
                                    <ul class="list-unstyled mb-0 row">

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#culture" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Culture</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Aides et subventions, passculture, Musées, Bibliothèques, Patrimoine vaudois, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#economie" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Economie</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Registre du commerce, poursuites et faillites, Entreprise, Chômage, Agriculture, développement économique, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#environnement" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Environnement</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Subventions pour l’énergie, faune et nature, eaux, forêts, air, développement durable, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#etat%2C%20droit%2C%20finance" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Etat, Droit, Finance</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Justice, votations, Egalité, protection des données, Impôts, finances publiques, Etat employeur, statistiques, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#formation" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Formation</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#mobilit%C3%A9" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Mobilité</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Automobiles, Routes, navigation, transports publics, mobilités durables, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#sant%C3%A9" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Santé</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Prévention, système de santé, dépendances, santé en milieu scolaire, droit des patients, les professionnels de la santé, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#social" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Social</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Subside à l’assurance maladie, revenu d’insertion, violence, le RDU, les prestations familles, PC familles, Rente-pont, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#vie%20priv%C3%A9e" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Vie privée</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#s%C3%A9curit%C3%A9" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Sécurité</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Police, pénitentiaire, armée, catastrophe, protection de la population, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                        <li class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2">
                                            <a href="domaines#territoire" class="vd-domain-item vd-domain-item--small col-sm-6 col-lg-4 mb-2 vd-domain-item__link-container">
                                                <span class="vd-domain-item__link vd-link-invisible h4">Territoire</span>
                                                <span class="vd-domain-item__text">
                                                    <span class="visually-hidden">(</span>Aménagement, permis de construire, registre foncier, communes, préfectures, dangers naturels, etc.<span class="visually-hidden">)</span>
                                                </span>
                                            </a>
                                        </li>

                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</header>

<div class="vd-bg-pattern-gray">
    <div class="container">
        <nav class="pb-1" aria-label="Fil d'Ariane">
            <h2 class="visually-hidden">File d'Ariane</h2>
            <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="#">vd.ch</a></li>

                <li class="breadcrumb-item"><a href="#">Domaines</a></li>

                <li class="breadcrumb-item"><a href="#">Theme name</a></li>

            </ol>
        </nav>

    </div>
</div>

<main id="main">
    <div class="vd-bg-pattern-gray">
        <h1 class="container mt-0">Theme name</h1>

    </div>

    <div class="container mt-5 vd-content">
        <div class="row">
            <div class="col-md-8 vd-content-column">

                <div class="vd-bg-pattern-bars-gray clearfix my-3 py-4 d-print-none">
                    <div class="container">
                        <h2 class="mt-0">Rechercher dans les prestations</h2>

                        <form class="input-group vd-search-form-regular" action="#" role="search">
                            <label class="visually-hidden" for="search-form" id="search-form-label">Rechercher dans les prestations</label>
                            <input id="search-form" type="text" class="form-control" aria-describedby="search-form-label">
                            <span class="input-group-btn">
                                <button class="btn btn-dark" type="submit" aria-label="Rechercher"><i class="fas fa-search" aria-hidden="true"></i></button>
                            </span>
                        </form>

                    </div>
                </div>
                <h2>Dans ce thème</h2>
                <div class="vd-bg-pattern-green p-3 mb-3">
                    <ul class="nav vd-list-boxed flex-column">

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Adipisci blanditiis quia aspernatur voluptas. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Sit laudantium ad magni ut consectetur ipsam.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Omnis est neque modi sit qui cumque atque voluptas.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Doloremque rerum voluptate.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Impedit provident esse voluptas nesciunt ipsum suscipit qui earum fuga. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Natus animi est mollitia.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Quidem accusamus et ipsum illo.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Non vel esse ex. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Qui ipsam magnam consectetur id itaque in. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Quia quis molestiae id.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Non vel esse ex. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Qui ipsam magnam consectetur id itaque in. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Adipisci blanditiis quia aspernatur voluptas. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Sit laudantium ad magni ut consectetur ipsam.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Omnis est neque modi sit qui cumque atque voluptas.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Doloremque rerum voluptate.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Impedit provident esse voluptas nesciunt ipsum suscipit qui earum fuga. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Natus animi est mollitia.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Quidem accusamus et ipsum illo.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Non vel esse ex. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Qui ipsam magnam consectetur id itaque in. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Quia quis molestiae id.</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Non vel esse ex. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Qui ipsam magnam consectetur id itaque in. <span class="fas fa-lock" aria-hidden="true" title="Cette prestation demande une identification"></span><span class="visually-hidden">(cette prestation demande un identification)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link d-inline-block" href="#">Quia quis molestiae id</a>
                        </li>

                    </ul>

                    <p class="mb-0">
                        <a href="theme--default" class="btn btn-dark">Voir moins&lt;span class=&#39;visually-hidden&#39;&gt; de prestations&lt;/span&gt;</a>

                    </p>
                </div>

                <h2 class="visually-hidden">Pages d'informations</h2>
                <ul class="vd-list-links">
                    <li>
                        <a href="https://sombre-partenaire.com/">Unde fugiat iusto veritatis ea ipsum reprehenderit.</a>
                    </li>
                    <li>
                        <a href="https://insolite-administration.info">Excepturi tempore id distinctio facilis magni modi sequi delectus ducimus.</a>
                    </li>
                    <li>
                        <a href="https://coupable-prestataire-de-services.name">Velit dolorum pariatur debitis cumque reiciendis facilis molestiae.</a>
                    </li>
                    <li>
                        <a href="https://souple-specialiste.org">Ipsum inventore voluptatibus consequatur repellendus dolorem officiis occaecati non suscipit.</a>
                    </li>
                    <li>
                        <a href="https://tranquille-secouriste.info/">A in porro omnis eligendi sed.</a>
                    </li>
                    <li>
                        <a href="https://amorphe-equipe-de-recherche.name">Eos ipsam modi officiis iusto cupiditate dolorum.</a>
                    </li>
                    <li>
                        <a href="https://vorace-specialiste.fr">Natus repellendus culpa ut veniam nostrum.</a>
                    </li>
                    <li>
                        <a href="https://magenta-membre-de-lequipe.net/">Sunt nostrum dolorem quod a quisquam itaque.</a>
                    </li>
                    <li>
                        <a href="https://loufoque-actionnaire.com">Inventore sed officia asperiores voluptates sed nemo fuga.</a>
                    </li>
                    <li>
                        <a href="https://splendide-membre-du-personnel.net">Aut qui mollitia quam ut.</a>
                    </li>
                </ul>

            </div>

            <aside class="col-md-4 vd-text-md-small vd-content-column">

            </aside>
        </div>
    </div>
</main>

<div class="container mt-5">

    <h2 class="vd-heading-light h4 mb-3 visually-hidden">Partager la page</h2>
    <ul class="list-inline vd-social-icons mt-4 mb-3">
        <li class="list-inline-item">
            <a class="mastodon-link vd-social-icon" href="#" title="Lien vers le profil Mastodon">
                <span aria-hidden="true" class="fa-brands fa-mastodon"></span>
                <span class="visually-hidden">Lien vers le profil Mastodon</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="bluesky-link vd-social-icon" href="#" title="Lien vers le profil Bluesky">
                <span aria-hidden="true" class="fa-bluesky fa-brands"></span>
                <span class="visually-hidden">Lien vers le profil Bluesky</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="instagram-link vd-social-icon" href="#" title="Lien vers le profil Instagram">
                <span aria-hidden="true" class="fa-brands fa-instagram"></span>
                <span class="visually-hidden">Lien vers le profil Instagram</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="linkedin-link vd-social-icon" href="#" title="Lien vers le profil Linkedin">
                <span aria-hidden="true" class="fa-brands fa-linkedin"></span>
                <span class="visually-hidden">Lien vers le profil Linkedin</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="facebook-link vd-social-icon" href="#" title="Lien vers le profil Facebook">
                <span aria-hidden="true" class="fa-brands fa-facebook"></span>
                <span class="visually-hidden">Lien vers le profil Facebook</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="twitter-link vd-social-icon" href="#" title="Lien vers le profil Twitter">
                <span aria-hidden="true" class="fa-brands fa-x-twitter"></span>
                <span class="visually-hidden">Lien vers le profil Twitter</span>
            </a>
        </li>
        <li class="d-lg-none list-inline-item">
            <a class="whatsapp-link vd-social-icon" href="#" title="Partager par WhatsApp">
                <span aria-hidden="true" class="fa-brands fa-whatsapp"></span>
                <span class="visually-hidden">Partager par WhatsApp</span>
            </a>
        </li>
    </ul>

</div>

<footer>

    <div class="container">
        <div class="text-end">
            <a href="#" class="btn btn-sm btn-dark" title="Retour vers le haut de la page">Haut <span class="fas fa-chevron-up"></span></a>
        </div>
    </div>

    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-10">
                    <nav class="row" aria-label="pied de page">

                        <div class="col-sm">
                            <h2 class="vd-heading-light h4 visually-hidden">Accès directs</h2>
                            <ul class="list-unstyled vd-list-columns">
                                <li><a href="">Offre d&#39;emploi</a></li>
                                <li><a href="">Statistiques</a></li>
                                <li><a href="">Portail sécurisé</a></li>
                                <li><a href="">Flux RSS</a></li>
                                <li><a href="">Espace sécurisé</a></li>
                                <li><a href="">Mentions légales</a></li>
                                <li><a href="">Contact</a></li>
                                <li><a href="">Permaliens</a></li>
                                <li><a href="">Guides TYPO3</a></li>
                            </ul>
                        </div>

                        <div class="col-sm">
                            <h2 class="vd-heading-light h4 ">Sites partenaires</h2>
                            <ul class="list-unstyled ">
                                <li><a href="">Promotion Vaud.ch</a></li>
                                <li><a href="">Tourisme</a></li>
                                <li><a href="">Musées</a></li>
                                <li><a href="">Patrimoine</a></li>
                                <li><a href="">CH.ch</a></li>
                            </ul>
                        </div>

                    </nav>
                </div>
                <div class="col-xs-2">
                    <div class="d-flex align-items-end flex-column h-100">
                        <div class="mt-auto w-100 end">
                            <img aria-hidden="true" class="img-fluid footer-logo" src="../../foehn/svg/logo/logo--white.svg" alt="Canton de Vaud">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</footer>
{% extends '@template--2-col' %}
{% block main %}
  {% if searchForm -%}
  <div class="vd-bg-pattern-bars-gray clearfix my-3 py-4 d-print-none">
    <div class="container">
      {% render '@search-form--regular', searchForm %}
    </div>
  </div>
  {%- endif %}
  <h2>Dans ce thème</h2>
  <div class="vd-bg-pattern-green p-3 mb-3">
    {% render '@list-boxed', prestations %}
    <p class="mb-0">
    {% render '@button--default', button, true %}
    </p>
  </div>

  <h2 class="visually-hidden">Pages d'informations</h2>
  {% render '@list-links' %}
{% endblock %}
{% block aside %}

{% endblock %}
{
  "pageTitle": {
    "text": "Theme name",
    "styleModifier": "container mt-0"
  },
  "breadcrumb": {
    "styleModifier": "pb-1",
    "breadcrumb": [
      {
        "page": "vd.ch",
        "url": "#"
      },
      {
        "page": "Domaines",
        "url": "#"
      },
      {
        "page": "Theme name",
        "url": "#"
      },
      null
    ]
  },
  "prestations": {
    "list": [
      {
        "item": "Adipisci blanditiis quia aspernatur voluptas.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Sit laudantium ad magni ut consectetur ipsam.",
        "url": "#"
      },
      {
        "item": "Omnis est neque modi sit qui cumque atque voluptas.",
        "url": "#"
      },
      {
        "item": "Doloremque rerum voluptate.",
        "url": "#"
      },
      {
        "item": "Impedit provident esse voluptas nesciunt ipsum suscipit qui earum fuga.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Natus animi est mollitia.",
        "url": "#"
      },
      {
        "item": "Quidem accusamus et ipsum illo.",
        "url": "#"
      },
      {
        "item": "Non vel esse ex.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Qui ipsam magnam consectetur id itaque in.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Quia quis molestiae id.",
        "url": "#"
      },
      {
        "item": "Non vel esse ex.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Qui ipsam magnam consectetur id itaque in.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Adipisci blanditiis quia aspernatur voluptas.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Sit laudantium ad magni ut consectetur ipsam.",
        "url": "#"
      },
      {
        "item": "Omnis est neque modi sit qui cumque atque voluptas.",
        "url": "#"
      },
      {
        "item": "Doloremque rerum voluptate.",
        "url": "#"
      },
      {
        "item": "Impedit provident esse voluptas nesciunt ipsum suscipit qui earum fuga.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Natus animi est mollitia.",
        "url": "#"
      },
      {
        "item": "Quidem accusamus et ipsum illo.",
        "url": "#"
      },
      {
        "item": "Non vel esse ex.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Qui ipsam magnam consectetur id itaque in.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Quia quis molestiae id.",
        "url": "#"
      },
      {
        "item": "Non vel esse ex.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Qui ipsam magnam consectetur id itaque in.",
        "url": "#",
        "secure": true
      },
      {
        "item": "Quia quis molestiae id",
        "url": "#"
      }
    ]
  },
  "button": {
    "text": "Voir moins<span class='visually-hidden'> de prestations</span>",
    "href": "theme--default",
    "title": false
  },
  "searchForm": {
    "heading": {
      "text": "Rechercher dans les prestations",
      "level": "h2",
      "styleModifier": "mt-0"
    },
    "label": "Rechercher dans les prestations"
  }
}

No notes defined.