<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="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="0" href="#" title="[Alt+0] Page d'accueil du site">Accueil</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="1" href="#nav-primary" title="[Alt+1] Menu de navigation de la page">Menu de navigation de la page</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="2" href="#main" title="[Alt+2] Debut du contenu de la page">Début du contenu de la page</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="3" href="#" title="[Alt+3] Page de contact">Page de contact</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="4" href="#" title="[Alt+4] Plan du site du Canton de Vaud">Plan du site</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="5" href="#search-form" title="[Alt+5] Accès au champ de recherche">Accès au champ de recherche</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="6" href="#" title="[Alt+6] Accès à l'index thématique">Thèmes</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="7" href="#" title="[Alt+7] Accès à la navigation par autorités">Autorités</a>
            </li>
            <li>
                <a class="sr-only sr-only-focusable btn btn-dark pt-0" accesskey="8" href="#" title="[Alt+8] Page d'aide pour les personnes en situation de handicap">Page d'aide pour les personnes en situation de handicap</a>
            </li>
        </ul>
    </nav>

    <div class="container">
        <div class="d-flex flex-wrap justify-content-between justify-content-md-end d-print-none">
            <nav class="align-items-center d-flex d-print-none">
                <h2 class="sr-only">
                    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>
            </nav>

            <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="collapse shadow border p-3">
                <div class="d-flex flex-column mb-5">
                    <div class="d-flex flex-row justify-content-between mb-2">
                        <div class="p-2">
                            <span class="h4">Particuliers et professionnels</span>
                        </div>
                        <div class="p-2">
                            <a href="#">
                                <span class="fas fa-question-circle"></span>
                            </a>
                        </div>
                    </div>
                    <div class="p-2 mb-3">
                        <a class="btn btn-primary text-center w-100 py-2" href="#">
                            <span class="fas fa-external-link-alt me-1 text-white"></span>
                            Portail prestations
                        </a>
                    </div>
                    <div class="p-2">
                        <a href="#" class="text-decoration-none">
                            Vous n'avez pas encore assez au portail ?
                        </a>
                    </div>
                    <div class="px-2">
                        <a href="#" class="btn btn-outline-primary text-center w-100 py-2">
                            Demander l'accès
                        </a>
                    </div>
                </div>
                <div class="px-2 mb-5">
                    <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">Collaborateurs-trices et partenaires</span>
                        </div>
                        <div class="p-2">
                            <a href="#">
                                <span class="fas fa-question-circle"></span>
                            </a>
                        </div>
                    </div>
                    <div class="p-2">
                        <a class="btn btn-secondary text-center w-100 py-2" href="#">
                            <span class="fas fa-external-link-alt me-1 text-white"></span>
                            Portail IAM
                        </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="sr-only">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="sr-only">(Exemple de contenu: </span>Aides et subventions, passculture, Musées, Bibliothèques, Patrimoine vaudois, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Registre du commerce, poursuites et faillites, Entreprise, Chômage, Agriculture, développement économique, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Subventions pour l’énergie, faune et nature, eaux, forêts, air, développement durable, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Justice, votations, Egalité, protection des données, Impôts, finances publiques, Etat employeur, statistiques, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Automobiles, Routes, navigation, transports publics, mobilités durables, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Prévention, système de santé, dépendances, santé en milieu scolaire, droit des patients, les professionnels de la santé, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Subside à l’assurance maladie, revenu d’insertion, violence, le RDU, les prestations familles, PC familles, Rente-pont, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Police, pénitentiaire, armée, catastrophe, protection de la population, etc.<span class="sr-only">)</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="sr-only">(Exemple de contenu: </span>Aménagement, permis de construire, registre foncier, communes, préfectures, dangers naturels, etc.<span class="sr-only">)</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="sr-only">File d'Ariane</h2>
            <ol class="breadcrumb">

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

                <li class="breadcrumb-item"><a href="#">Autorités</a></li>

                <li class="breadcrumb-item"><a href="#">Département du territoire et de l&#39;environnement</a></li>

                <li class="sr-only" aria-current="page">Direction générale de l&#39;environnement (DGE)</li>

            </ol>
        </nav>

    </div>
</div>

<main id="main">
    <div class="vd-bg-pattern-gray">
        <h1 class="container mt-0">Direction générale de l&#39;environnement (DGE)</h1>

    </div>

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

                <section>
                    <h2 class="sr-only">Présentations</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae id quidem assumenda reprehenderit ea enim suscipit, consequatur quam impedit aut atque repudiandae tempore minus velit ullam hic, ipsa fuga expedita? Dolorum explicabo corporis
                        placeat assumenda. Illo facilis iure, asperiores dolor earum vel? Voluptatem nobis quasi, necessitatibus dicta molestias perferendis a est itaque tempore eveniet, facilis quisquam impedit officia temporibus perspiciatis rem libero expedita unde
                        commodi recusandae nulla voluptas corrupti! Inventore in quasi omnis itaque rem perspiciatis doloremque aliquid expedita tempora, quibusdam facilis ipsa nam assumenda magnam molestias cupiditate vero laborum odio natus facere! Consectetur cum id
                        ipsum quidem, eligendi quis possimus in itaque nostrum eos? Accusantium repudiandae impedit repellendus tempora consequatur nemo libero voluptates, minima sint repellat dolor tenetur, vel voluptas natus possimus suscipit voluptatum, culpa provident
                        fugiat soluta quos assumenda deleniti rem? Vero omnis eligendi eum nihil quaerat possimus doloremque, modi inventore corporis, laudantium alias delectus ipsum ipsam sit temporibus voluptatem necessitatibus illo suscipit beatae atque adipisci qui
                        veritatis! Excepturi ipsa tempore, qui aliquam animi et. Quasi fugit delectus odio in dolor dignissimos aut nulla rem, excepturi expedita culpa vitae doloremque, id et exercitationem ex voluptatem ipsam fuga corrupti. Eius, ut animi. Magni sunt
                        provident illo quibusdam, unde, maxime!</p>
                </section>

                <nav>
                    <h2>Sommaire</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="#actualites">Actualités</a>
                        </li>
                        <li>
                            <a href="#projetsEtActivites">Projets et activités</a>
                        </li>
                        <li>
                            <a href="#organisation">Organisation</a>
                        </li>
                        <li>
                            <a href="#presentations">Prestations</a>
                        </li>
                        <li>
                            <a href="#basesLegales">Bases légales</a>
                        </li>
                        <li>
                            <a href="#publication">Publications</a>
                        </li>
                        <li>
                            <a href="#offresDEmploi">Offres d&#39;emploi</a>
                        </li>
                    </ul>

                </nav>

                <hr class="vd-separator vd-separator-gray-bars my-5">

                <section id="actualites">
                    <h2 class="vd-heading-light-alt h4">Actualités</h2>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time><span class="sr-only">Catégorie: </span><a href="#" rel="category" title="Les articles de la categorie Accessibilité">Accessibilité</a>, <a href="#" rel="category" title="Les articles de la categorie Agriculture">Agriculture</a> et <a href="#" rel="category" title="Les articles de la categorie Tourisme">Tourisme</a>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time><span class="sr-only">Catégorie: </span><a href="#" rel="category" title="Les articles de la categorie Accessibilité">Accessibilité</a>, <a href="#" rel="category" title="Les articles de la categorie Agriculture">Agriculture</a> et <a href="#" rel="category" title="Les articles de la categorie Tourisme">Tourisme</a>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time><span class="sr-only">Catégorie: </span><a href="#" rel="category" title="Les articles de la categorie Accessibilité">Accessibilité</a>, <a href="#" rel="category" title="Les articles de la categorie Agriculture">Agriculture</a> et <a href="#" rel="category" title="Les articles de la categorie Tourisme">Tourisme</a>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time><span class="sr-only">Catégorie: </span><a href="#" rel="category" title="Les articles de la categorie Accessibilité">Accessibilité</a>, <a href="#" rel="category" title="Les articles de la categorie Agriculture">Agriculture</a> et <a href="#" rel="category" title="Les articles de la categorie Tourisme">Tourisme</a>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time><span class="sr-only">Catégorie: </span><a href="#" rel="category" title="Les articles de la categorie Accessibilité">Accessibilité</a>, <a href="#" rel="category" title="Les articles de la categorie Agriculture">Agriculture</a> et <a href="#" rel="category" title="Les articles de la categorie Tourisme">Tourisme</a>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <a href="#" title="Toutes les actualités link to somewhere" class="btn btn-dark">Toutes les actualités</a>

                </section>

                <hr class="vd-separator vd-separator-gray-bars my-5">

                <section id="projetsEtActivites">
                    <h2 class="vd-heading-light-alt h4">Projets et activités</h2>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <article role="article" aria-label="Lorem ipsum dolor sit amet, consectetur adipisicing elit">
                        <header>
                            <h3><a class="vd-link-invisible" href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h3>

                            <p class="small">
                                <span class="sr-only">Publié le </span><time datetime="2017-03-31T13:05:23+00:00" pubdate>31.03.2017</time>
                            </p>
                        </header>

                        <figure class="figure vd-w-md-50">
                            <a href="#"><img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

                            </a>
                        </figure>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi esse non autem blanditiis, facere, cumque, eligendi voluptatem moletias vero sint ad optio ab tempora quis, maiores sapiente iusto quia quam. Modi ducimus, cumque repellat, illum perferendis suscipit ad voluptatem veniam delectus qui reiciendis, quod impedit ab libero omnis? Consequatur atque nihil exercitationem est, amet maxime quia.
                        </p>

                        <p>
                            <a href="#">Lire la suite<span class="sr-only"> de l'article Lorem ipsum dolor sit amet, consectetur adipisicing elit</span></a>
                        </p>

                    </article>

                    <a href="#" title="Tous les projets link to somewhere" class="btn btn-dark">Tous les projets</a>

                </section>

                <hr class="vd-separator vd-separator-gray-bars my-5">

                <section>
                    <h2 class="vd-heading-light h4" id="organisation">Organisation</h2>
                    <div class="vd-card mb-3">
                        <div class="container">
                            <div class="row">
                                <div class="col-4 col-sm-3 col-lg-2 mt-3">
                                    <img class="rounded-circle img-fluid" src="/assets/img/avatar.jpg" alt="Alternative text">

                                </div>
                                <div class="col-8 col-sm-9 col-lg-10">
                                    <div class="card-block vd-card-block">
                                        <strong class="h5 card-title vd-card-title">Jean Villard</strong>
                                        <p class="card-text vd-card-text">Poète, chansonnier, comédien, écrivain et compositeur</p>
                                        <ul class="vd-list-links">
                                            <li>
                                                <a href="#">Biographie</a>
                                            </li>
                                        </ul>

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

                    <h2 class="sr-only">Services</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="#">Direction de l&#39;énergie &amp;dash; &lt;span class=&quot;sr-only&quot;&gt;Abbreviation: &lt;/span&gt;DIREN&lt;/small&gt;</a>
                        </li>
                        <li>
                            <a href="#">Direction de l&#39;environnement industriel, urbain et rural &amp;dash; &lt;span class=&quot;sr-only&quot;&gt;Abbreviation: &lt;/span&gt;DIREV&lt;/small&gt;</a>
                        </li>
                        <li>
                            <a href="#">Direction des ressources et du patrimoine &amp;dash; &lt;span class=&quot;sr-only&quot;&gt;Abbreviation: &lt;/span&gt;DIRNA&lt;/small&gt;</a>
                        </li>
                        <li>
                            <a href="#">Support administratif</a>
                        </li>
                        <li>
                            <a href="#">Support stratégique</a>
                        </li>
                    </ul>

                </section>

                <section>
                    <h2 class="vd-heading-light h4" id="prestations">Prestations</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="#">Approvisionnement électricité</a>
                        </li>
                        <li>
                            <a href="#">Intervention accident avec matières dangereuse</a>
                        </li>
                        <li>
                            <a href="#">Assainissement piscines</a>
                        </li>
                    </ul>

                    <a href="#" title="Toutes les prestations link to somewhere" class="btn btn-dark">Toutes les prestations</a>

                </section>

                <section id="baseslegales">
                    <h2 class="vd-heading-light h4">Bases légales</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="http://simone.org">Autem ipsam ipsum amet magnam hic.</a>
                        </li>
                        <li>
                            <a href="https://joël.org">Debitis quis dolor esse nulla quisquam excepturi porro.</a>
                        </li>
                        <li>
                            <a href="https://brice.com">Officia soluta totam soluta ratione.</a>
                        </li>
                        <li>
                            <a href="https://normand.eu">Laborum perspiciatis ut asperiores sunt eum.</a>
                        </li>
                        <li>
                            <a href="https://astrée.eu">Officiis maiores reiciendis.</a>
                        </li>
                        <li>
                            <a href="https://laurène.info">Velit dolorum enim fugit rem rerum est.</a>
                        </li>
                        <li>
                            <a href="https://tim.com">Omnis qui facilis et illo vero sit.</a>
                        </li>
                        <li>
                            <a href="https://reine.info">Quia corrupti perspiciatis.</a>
                        </li>
                        <li>
                            <a href="http://astérie.fr">Doloremque similique excepturi enim consequuntur sunt.</a>
                        </li>
                        <li>
                            <a href="http://hippolyte.name">Molestias enim ex aut cupiditate architecto.</a>
                        </li>
                    </ul>

                </section>

                <section id="publications">
                    <h2 class="vd-heading-light h4">Publications</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="#">Domaine de l&#39;eau</a>
                        </li>
                        <li>
                            <a href="#">Domaine des déchets</a>
                        </li>
                    </ul>

                </section>

                <section id="offresdemplois">
                    <h2 class="vd-heading-light h4">Offres d'emploi</h2>
                    <ul class="vd-list-links">
                        <li>
                            <a href="#">Secrétaire de direction</a>
                        </li>
                        <li>
                            <a href="#">Chargé de mission stratégiques</a>
                        </li>
                        <li>
                            <a href="#">Ingénieur(e)</a>
                        </li>
                        <li>
                            <a href="#">Technicien de laboratoire</a>
                        </li>
                    </ul>

                </section>

            </div>

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

                <address itemscope itemtype="http://schema.org/GovernmentOrganization">

                    <h2>
                        <a href="#" title="Pages du service Direction générale de l&#39;environnement" itemprop="url"><span itemprop="name">Direction générale de l&#39;environnement</span></a>
                    </h2>

                    <h3 class="vd-heading-light h4 mt-0">division</h3>

                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
                    <p itemscope itemtype="http://schema.org/Person" class="mb-0">
                        <span itemprop="name">Alain Duvoisin</span> <br>
                        <span itemprop="jobTitle">Garde Forestier</span> <br>
                    </p>
                    <p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                        <span itemprop="streetAddress">Place du Château 1</span> <br>
                        Case postale <span itemprop="postOfficeBoxNumber">5278</span><br>
                        <span itemprop="postalCode">1014</span>
                        <span itemprop="addressLocality">Lausanne</span>
                        <span class="sr-only" itemprop="addressCountry">Suisse</span>
                    </p>

                    <p>
                        <a href="tel:+41 21 316 45 15" content="+41 21 316 45 15" itemprop="telephone">+41 21 316 45 15</a><br>
                        <a href="mailto:service@vd.ch" itemprop="email">service@vd.ch</a><br>

                        <a href="https://www.google.ch/maps/search/Place%20du%20Ch%C3%A2teau%201%201014%205278%20Lausanne%20Suisse%20">Visualiser sur la carte</a><br>

                        <a href="https://www.fake-url.com">Lien libre</a>

                    </p>

                    <p><a href="#" title="Nous écrire Formulaire de contact" class="btn btn-dark">Nous écrire</a>
                    </p>

                    <div itemscope itemtype="http://schema.org/GovernmentBuilding">
                        <h3>Heures d&#39;ouverture<span class="sr-only"> du Direction générale de l&#39;environnement</span></h3>

                        <p itemprop="openingHours" content="Mo,Tu,We,Th,Fr 08:00-11:30,13:30-16:30">du lundi au vendredi de 8h00 à 11h30 et de 13h30 à 16h30</p>

                        <p>Nous sommes fermés pendant la période des fêtes</p>
                    </div>
                    <h3>CCP<span class="sr-only"> du Direction générale de l&#39;environnement</span></h3>
                    <p>10-206496-4</p>

                    <img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text" itemprop="image">
                </address>

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

<div class="container mt-5">
    <p class="mb-4"><small>Mis à jour le <time datetime="2017-03-31T13:05:23+00:00">31.03.2017</time>
        </small></p>

    <h2 class="vd-heading-light h4 mb-3 sr-only">Partager la page</h2>
    <ul class="list-inline vd-social-icons mt-4 mb-3">
        <li class="list-inline-item">
            <a class="vd-social-icon" href="#"><span class="fas fa-envelope" aria-hidden="true"></span><span class="sr-only">Envoyer par courriel</span></a>
        </li>
        <li class="list-inline-item">
            <a class="vd-social-icon" href="#"><span class="fab fa-twitter" aria-hidden="true"></span><span class="sr-only">Partager sur Twitter</span></a>
        </li>
        <li class="list-inline-item">
            <a class="vd-social-icon" href="#"><span class="fab fa-facebook-f" aria-hidden="true"></span><span class="sr-only">Partager sur Facebook</span></a>
        </li>
        <li class="list-inline-item">
            <a class="vd-social-icon" href="#"><span class="fab fa-linkedin-in" aria-hidden="true"></span><span class="sr-only">Partager sur Linkedin</span></a>
        </li>
        <li class="list-inline-item d-lg-none">
            <a class="vd-social-icon" href="#"><span class="fab fa-whatsapp" aria-hidden="true"></span><span class="sr-only">Partager sur WhatsApp</span></a>
        </li>
        <li class="list-inline-item d-none d-lg-inline-block">
            <a class="vd-social-icon" href="#"><span class="fas fa-print" aria-hidden="true"></span><span class="sr-only">Imprimer la page</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 sr-only">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">
                            <a href="#" class="d-inline-block">
                                <span class="sr-only">Retour à la page d'accueil</span>
                                <img aria-hidden="true" class="img-fluid footer-logo" src="../../foehn/svg/logo/logo--white.svg" alt="Canton de Vaud">

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

</footer>
{% extends '@template--2-col' %}
{% block main %}
  <section>
    <h2 class="sr-only">Présentations</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae id quidem assumenda reprehenderit ea enim suscipit, consequatur quam impedit aut atque repudiandae tempore minus velit ullam hic, ipsa fuga expedita? Dolorum explicabo corporis
      placeat assumenda. Illo facilis iure, asperiores dolor earum vel? Voluptatem nobis quasi, necessitatibus dicta molestias perferendis a est itaque tempore eveniet, facilis quisquam impedit officia temporibus perspiciatis rem libero expedita unde
      commodi recusandae nulla voluptas corrupti! Inventore in quasi omnis itaque rem perspiciatis doloremque aliquid expedita tempora, quibusdam facilis ipsa nam assumenda magnam molestias cupiditate vero laborum odio natus facere! Consectetur cum id
      ipsum quidem, eligendi quis possimus in itaque nostrum eos? Accusantium repudiandae impedit repellendus tempora consequatur nemo libero voluptates, minima sint repellat dolor tenetur, vel voluptas natus possimus suscipit voluptatum, culpa provident
      fugiat soluta quos assumenda deleniti rem? Vero omnis eligendi eum nihil quaerat possimus doloremque, modi inventore corporis, laudantium alias delectus ipsum ipsam sit temporibus voluptatem necessitatibus illo suscipit beatae atque adipisci qui
      veritatis! Excepturi ipsa tempore, qui aliquam animi et. Quasi fugit delectus odio in dolor dignissimos aut nulla rem, excepturi expedita culpa vitae doloremque, id et exercitationem ex voluptatem ipsam fuga corrupti. Eius, ut animi. Magni sunt
      provident illo quibusdam, unde, maxime!</p>
  </section>

  {% render '@index-menu', indexMenu, true %}

  {% render '@separator--gray-bars-wide', {styleModifier: 'my-5'}, true %}

  {% render '@teaser-list', news, true %}

  {% render '@teaser-list', projects, true  %}

  <section>
    <h2 class="vd-heading-light h4" id="organisation">Organisation</h2>
    {% render '@card' %}
    <h2 class="sr-only">Services</h2>
    {% render '@list-links', organisation.links %}
  </section>

  <section>
    <h2 class="vd-heading-light h4" id="prestations">Prestations</h2>
    {% render '@list-links', prestations %}
    {% render '@button--default', {text:"Toutes les prestations"}, true %}
  </section>

  <section id="baseslegales">
    <h2 class="vd-heading-light h4">Bases légales</h2>
    {% render '@list-links' %}
  </section>

  <section id="publications">
    <h2 class="vd-heading-light h4">Publications</h2>
    {% render '@list-links', publications %}
  </section>

  <section id="offresdemplois">
    <h2 class="vd-heading-light h4">Offres d'emploi</h2>
    {% render '@list-links', offres %}
  </section>
{% endblock %}
{% block aside %}
  {% render '@autority-address', autorityAddress %}
{% endblock %}
{
  "pageTitle": {
    "text": "Direction générale de l'environnement (DGE)",
    "styleModifier": "container mt-0"
  },
  "breadcrumb": {
    "styleModifier": "pb-1",
    "breadcrumb": [
      {
        "page": "vd.ch",
        "url": "#"
      },
      {
        "page": "Autorités",
        "url": "#"
      },
      {
        "page": "Département du territoire et de l'environnement",
        "url": "#"
      },
      {
        "page": "Direction générale de l'environnement (DGE)",
        "url": "#"
      }
    ]
  },
  "indexMenu": {
    "listLinks": [
      {
        "item": "Actualités",
        "url": "#actualites"
      },
      {
        "item": "Projets et activités",
        "url": "#projetsEtActivites"
      },
      {
        "item": "Organisation",
        "url": "#organisation"
      },
      {
        "item": "Prestations",
        "url": "#presentations"
      },
      {
        "item": "Bases légales",
        "url": "#basesLegales"
      },
      {
        "item": "Publications",
        "url": "#publication"
      },
      {
        "item": "Offres d'emploi",
        "url": "#offresDEmploi"
      }
    ]
  },
  "news": {
    "id": "actualites",
    "teasers": [
      {
        "authors": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      }
    ]
  },
  "projects": {
    "id": "projetsEtActivites",
    "title": "Projets et activités",
    "teasers": [
      {
        "authors": false,
        "categories": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "categories": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "categories": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      },
      {
        "authors": false,
        "categories": false,
        "media": {
          "styleModifier": "vd-w-md-50"
        }
      }
    ],
    "button": {
      "text": "Tous les projets"
    }
  },
  "organisation": {
    "links": {
      "listLinks": [
        {
          "item": "Direction de l'énergie &dash; <span class=\"sr-only\">Abbreviation: </span>DIREN</small>",
          "url": "#"
        },
        {
          "item": "Direction de l'environnement industriel, urbain et rural  &dash; <span class=\"sr-only\">Abbreviation: </span>DIREV</small>",
          "url": "#"
        },
        {
          "item": "Direction des ressources et du patrimoine  &dash; <span class=\"sr-only\">Abbreviation: </span>DIRNA</small>",
          "url": "#"
        },
        {
          "item": "Support administratif",
          "url": "#"
        },
        {
          "item": "Support stratégique",
          "url": "#"
        }
      ]
    }
  },
  "autorityAddress": {
    "name": "Direction générale de l'environnement",
    "url": "#",
    "division": "division",
    "description": "Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.",
    "address": {
      "streetAddress": "Place du Château 1",
      "postalCode": "1014",
      "postOfficeBoxNumber": "5278",
      "addressLocality": "Lausanne",
      "addressCountry": "Suisse"
    },
    "account": {
      "type": "CCP",
      "number": "10-206496-4"
    },
    "person": {
      "name": "Alain Duvoisin",
      "jobTitle": "Garde Forestier"
    },
    "telephone": "+41 21 316 45 15",
    "email": "service@vd.ch",
    "additionalUrl": [
      {
        "url": "https://www.fake-url.com",
        "text": "Lien libre"
      }
    ],
    "button": {
      "text": "Nous écrire",
      "href": "#",
      "title": "Formulaire de contact"
    },
    "openingHours": {
      "title": "Heures d'ouverture",
      "openingHours": [
        {
          "text": "du lundi au vendredi de 8h00 à 11h30 et de 13h30 à 16h30",
          "microdata": "Mo,Tu,We,Th,Fr 08:00-11:30,13:30-16:30"
        }
      ],
      "info": "Nous sommes fermés pendant la période des fêtes"
    },
    "image": true,
    "suggestions": false
  },
  "prestations": {
    "listLinks": [
      {
        "item": "Approvisionnement électricité",
        "url": "#"
      },
      {
        "item": "Intervention accident avec matières dangereuse",
        "url": "#"
      },
      {
        "item": "Assainissement piscines",
        "url": "#"
      }
    ]
  },
  "publications": {
    "listLinks": [
      {
        "item": "Domaine de l'eau",
        "url": "#"
      },
      {
        "item": "Domaine des déchets",
        "url": "#"
      }
    ]
  },
  "offres": {
    "listLinks": [
      {
        "item": "Secrétaire de direction",
        "url": "#"
      },
      {
        "item": "Chargé de mission stratégiques",
        "url": "#"
      },
      {
        "item": "Ingénieur(e)",
        "url": "#"
      },
      {
        "item": "Technicien de laboratoire",
        "url": "#"
      }
    ]
  },
  "footer": {
    "updateTime": true
  }
}

No notes defined.