Contend

<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="#">Environnement</a></li>

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

                <li class="breadcrumb-item"><a href="#">Polluants atmosphériques</a></li>

                <li class="sr-only" aria-current="page">Ammoniac</li>

            </ol>
        </nav>

    </div>
</div>

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

    </div>

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

                <h2 class="sr-only">Introduction</h2>
                <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>

                <h3>Téléchargements</h3>

                <ul class="vd-list-icons">

                    <li>
                        <span class="fa fa-download" aria-hidden="true"></span> <a href="#">Comment agir, fiche à télécharger</a>
                    </li>

                    <li>
                        <span class="fa " aria-hidden="true"></span> <a href=""></a>
                    </li>

                </ul>

                <h2 class="sr-only">Information sur l'ozone</h2>
                <dl class="row">
                    <dt class="col-sm-3">Nom</dt>
                    <dd class="col-sm-9">Ammoniac</dd>

                    <dt class="col-sm-3">Surnom</dt>
                    <dd class="col-sm-9">NH<sub>3</sub></dd>

                    <dt class="col-sm-3">Origine</dt>
                    <dd class="col-sm-9">Activités agricoles (élevage d’animaux et utilisation d’engrais de ferme)</dd>

                    <dt class="col-sm-3">Signe particulier</dt>
                    <dd class="col-sm-9">Est un précurseur important dans la formation de particules secondaires</dd>

                    <dt class="col-sm-3">Profession</dt>
                    <dd class="col-sm-9">Fabricant de particules fines secondaires</dd>

                    <dt class="col-sm-3">Effets nocifs</dt>
                    <dd class="col-sm-9">Substance odorante qui provoque des irritations des voies respiratoires, et qui contribue à l’eutrophisation des milieux aquatiques.</dd>
                </dl>

            </div>

            <div class="col-md-4 vd-content-column vd-content">
                <nav class="vd-nav-side mb-3">
                    <h2 class="sr-only">Navigation secondaire</h2>
                    <ul class="nav flex-column">

                        <li class="nav-item">
                            <a class="nav-link  " href="http://www.placeholder-url-0.com/">Polluants atmosphérique
                            </a>
                            <ul class="nav flex-column">
                                <li class="nav-item">
                                    <a class="nav-link" href="http://www.placeholder-url-1.com/">Poussières fines
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="http://www.placeholder-url-2.com/">Ozone
                                    </a>
                                    <ul class="nav flex-column">
                                        <li class="nav-item">
                                            <a class="nav-link" href="http://www.placeholder-url-3.com/">Qu&#39;est-ce que l&#39;ozone
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="http://www.placeholder-url-4.com/">Comment améliorer l&#39;air
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="http://www.placeholder-url-5.com/">En cas de canicule
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="http://www.placeholder-url-6.com/">Les composés organiques
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link active" href="http://www.placeholder-url-7.com/"><span class="sr-only">Vous êtes ici: </span>Ammoniac
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="http://www.placeholder-url-8.com/">Qualité de l&#39;air
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>

                <aside class="vd-text-md-small">

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

                        <h2>
                            <a href="#" title="Pages du service Service name" itemprop="url">
                                <span class="sr-only">Accéder à la page de: </span><span itemprop="name">Service name</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">Rue de la Barre 2</span> <br>
                            Case postale <span itemprop="postOfficeBoxNumber">5278</span><br>
                            <span itemprop="postalCode">1000</span>
                            <span itemprop="addressLocality">Lausanne</span>
                            <span class="sr-only" itemprop="addressCountry">Suisse</span>
                        </p>

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

                            <a href="https://www.google.ch/maps/search/Rue%20de%20la%20Barre%202%205278%201000%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 Service name</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 Service name</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>
    </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-nav' %}
{% block main %}

  <h2 class="sr-only">Introduction</h2>
  <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>

  {% render '@download-list', download, true %}

  <h2 class="sr-only">Information sur l'ozone</h2>
  <dl class="row">
    <dt class="col-sm-3">Nom</dt>
    <dd class="col-sm-9">Ammoniac</dd>

    <dt class="col-sm-3">Surnom</dt>
    <dd class="col-sm-9">NH<sub>3</sub></dd>

    <dt class="col-sm-3">Origine</dt>
    <dd class="col-sm-9">Activités agricoles (élevage d’animaux et utilisation d’engrais de ferme)</dd>

    <dt class="col-sm-3">Signe particulier</dt>
    <dd class="col-sm-9">Est un précurseur important dans la formation de particules secondaires</dd>

    <dt class="col-sm-3">Profession</dt>
    <dd class="col-sm-9">Fabricant de particules fines secondaires</dd>

    <dt class="col-sm-3">Effets nocifs</dt>
    <dd class="col-sm-9">Substance odorante qui provoque des irritations des voies respiratoires, et qui contribue à l’eutrophisation des milieux aquatiques.</dd>
  </dl>
{% endblock %}
{% block aside %}
  {% render '@autority-address' %}
{% endblock %}
{
  "pageTitle": {
    "text": "Ammoniac",
    "styleModifier": "container mt-0"
  },
  "breadcrumb": {
    "styleModifier": "pb-1",
    "breadcrumb": [
      {
        "page": "vd.ch",
        "url": "#"
      },
      {
        "page": "Environnement",
        "url": "#"
      },
      {
        "page": "Air",
        "url": "#"
      },
      {
        "page": "Polluants atmosphériques",
        "url": "#"
      },
      {
        "page": "Ammoniac",
        "url": "#"
      }
    ]
  },
  "download": {
    "listIcon": {
      "items": [
        {
          "item": "Comment agir, fiche à télécharger",
          "icon": "fa-download",
          "url": "#"
        },
        false
      ]
    }
  },
  "navSide": {
    "items": [
      {
        "name": "Polluants atmosphérique",
        "url": "http://www.placeholder-url-0.com/",
        "items": [
          {
            "name": "Poussières fines",
            "url": "http://www.placeholder-url-1.com/"
          },
          {
            "name": "Ozone",
            "url": "http://www.placeholder-url-2.com/",
            "items": [
              {
                "name": "Qu'est-ce que l'ozone",
                "url": "http://www.placeholder-url-3.com/"
              },
              {
                "name": "Comment améliorer l'air",
                "url": "http://www.placeholder-url-4.com/"
              },
              {
                "name": "En cas de canicule",
                "url": "http://www.placeholder-url-5.com/"
              }
            ]
          },
          {
            "name": "Les composés organiques",
            "url": "http://www.placeholder-url-6.com/"
          },
          {
            "name": "Ammoniac",
            "url": "http://www.placeholder-url-7.com/",
            "active": true
          },
          {
            "name": "Qualité de l'air",
            "url": "http://www.placeholder-url-8.com/"
          }
        ]
      }
    ]
  },
  "footer": {
    "updateTime": true
  }
}

No notes defined.