Foehn Design System

News List 

<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>

            </ol>
        </nav>

    </div>
</div>

<main id="main">
    <div class="vd-bg-pattern-gray">
        <h1 class="container mt-0">Toutes les actualités</h1>

    </div>

    <div class="container mt-5 vd-content">

        <div class="vd-bg-pattern-bars-gray clearfix my-3 py-4">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="mt-0 h4">Rechercher dans les actualités</h2>

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

                    </div>
                </div>
            </div>
        </div>
        <div class="row">

            <article role="article" aria-label="Try to transmit the RAM firewall, maybe it will synthesize the bluetooth transmitter!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="http://laureline.info">Try to transmit the RAM firewall, maybe it will synthesize the bluetooth transmitter!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?50379" srcset="http://placeimg.com/320/213/?90356 320w, http://placeimg.com/540/360/?57905 540w, http://placeimg.com/720/480/?15890 720w, http://placeimg.com/960/640/?95498 960w, http://placeimg.com/1140/760/?29399 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Fuga aut saepe. Aliquid dolor dicta velit est laboriosam aspernatur quia sunt quasi. Rerum molestiae et et neque repudiandae sit.
                </p>

                <p>
                    <a href="http://laureline.info">Lire la suite<span class="sr-only"> de l'article Try to transmit the RAM firewall, maybe it will synthesize the bluetooth transmitter!</span></a>
                </p>

            </article>

            <article role="article" aria-label="bypassing the program won&#39;t do anything, we need to transmit the back-end HDD card!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://oger.net">bypassing the program won&#39;t do anything, we need to transmit the back-end HDD card!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?98246" srcset="http://placeimg.com/320/213/?78432 320w, http://placeimg.com/540/360/?93266 540w, http://placeimg.com/720/480/?32230 720w, http://placeimg.com/960/640/?60461 960w, http://placeimg.com/1140/760/?91701 1140w" alt="">

                    </a>
                </figure>

                <p>
                    laudantium et hic
                </p>

                <p>
                    <a href="https://oger.net">Lire la suite<span class="sr-only"> de l'article bypassing the program won&#39;t do anything, we need to transmit the back-end HDD card!</span></a>
                </p>

            </article>

            <article role="article" aria-label="Use the open-source SMTP array, then you can quantify the haptic microchip!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://ariel.eu">Use the open-source SMTP array, then you can quantify the haptic microchip!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?91520" srcset="http://placeimg.com/320/213/?43414 320w, http://placeimg.com/540/360/?48272 540w, http://placeimg.com/720/480/?78987 720w, http://placeimg.com/960/640/?51255 960w, http://placeimg.com/1140/760/?57878 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Laboriosam recusandae et. Omnis officia ut iure fugiat possimus non ea. Nihil voluptatum et et a. Non itaque illo aut.
                </p>

                <p>
                    <a href="https://ariel.eu">Lire la suite<span class="sr-only"> de l'article Use the open-source SMTP array, then you can quantify the haptic microchip!</span></a>
                </p>

            </article>

            <article role="article" aria-label="Try to input the SCSI interface, maybe it will override the wireless sensor!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://céleste.name">Try to input the SCSI interface, maybe it will override the wireless sensor!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?98529" srcset="http://placeimg.com/320/213/?22229 320w, http://placeimg.com/540/360/?80640 540w, http://placeimg.com/720/480/?91325 720w, http://placeimg.com/960/640/?23581 960w, http://placeimg.com/1140/760/?70842 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Deleniti ut dignissimos ullam amet in et eos dignissimos. Est id repudiandae natus. Asperiores molestias laudantium harum ratione corrupti deserunt facilis quia quasi.
                </p>

                <p>
                    <a href="https://céleste.name">Lire la suite<span class="sr-only"> de l'article Try to input the SCSI interface, maybe it will override the wireless sensor!</span></a>
                </p>

            </article>

            <article role="article" aria-label="You can&#39;t override the alarm without parsing the back-end TCP program!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="http://mélanie.org">You can&#39;t override the alarm without parsing the back-end TCP program!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?88116" srcset="http://placeimg.com/320/213/?33761 320w, http://placeimg.com/540/360/?46384 540w, http://placeimg.com/720/480/?70832 720w, http://placeimg.com/960/640/?21277 960w, http://placeimg.com/1140/760/?5044 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Ut nihil cupiditate sit architecto. Pariatur aliquam nam ut. Velit velit atque fugiat repellat delectus et quisquam qui. Tempora non facere nihil aut molestias.
                </p>

                <p>
                    <a href="http://mélanie.org">Lire la suite<span class="sr-only"> de l'article You can&#39;t override the alarm without parsing the back-end TCP program!</span></a>
                </p>

            </article>

            <article role="article" aria-label="Try to reboot the CSS monitor, maybe it will connect the open-source bus!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://marius.net">Try to reboot the CSS monitor, maybe it will connect the open-source bus!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?35712" srcset="http://placeimg.com/320/213/?28771 320w, http://placeimg.com/540/360/?30362 540w, http://placeimg.com/720/480/?11626 720w, http://placeimg.com/960/640/?98569 960w, http://placeimg.com/1140/760/?51930 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Aut et expedita.
                    Delectus dolorem inventore et in ut alias quia.
                    Aut sunt illum nam saepe consequatur.
                    Deleniti tempore sit provident quo nisi praesentium.
                </p>

                <p>
                    <a href="https://marius.net">Lire la suite<span class="sr-only"> de l'article Try to reboot the CSS monitor, maybe it will connect the open-source bus!</span></a>
                </p>

            </article>

            <article role="article" aria-label="quantifying the driver won&#39;t do anything, we need to parse the solid state SQL hard drive!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://isabeau.org">quantifying the driver won&#39;t do anything, we need to parse the solid state SQL hard drive!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?33767" srcset="http://placeimg.com/320/213/?16445 320w, http://placeimg.com/540/360/?68808 540w, http://placeimg.com/720/480/?17058 720w, http://placeimg.com/960/640/?14268 960w, http://placeimg.com/1140/760/?69441 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Possimus quia qui. Illum nihil ut. Consequatur quis ratione omnis iusto sit vel. Nisi fugiat ut alias corrupti officia. Et illum et esse repellat.

                    Qui consequatur laborum ipsum quisquam et enim dignissimos architecto reiciendis. Vel quia placeat quas quisquam quia sapiente. Pariatur quod adipisci sequi excepturi sit et assumenda voluptas. Itaque veniam atque dolores deleniti nihil ipsa.

                    Beatae et nulla. Non eaque alias sunt repellat libero...
                </p>

                <p>
                    <a href="https://isabeau.org">Lire la suite<span class="sr-only"> de l'article quantifying the driver won&#39;t do anything, we need to parse the solid state SQL hard drive!</span></a>
                </p>

            </article>

            <article role="article" aria-label="The ADP monitor is down, synthesize the mobile monitor so we can program the FTP hard drive!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="http://prudence.name">The ADP monitor is down, synthesize the mobile monitor so we can program the FTP hard drive!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?51297" srcset="http://placeimg.com/320/213/?91954 320w, http://placeimg.com/540/360/?59066 540w, http://placeimg.com/720/480/?46843 720w, http://placeimg.com/960/640/?11272 960w, http://placeimg.com/1140/760/?20654 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Voluptatem eligendi omnis.
                    Illo fugit reiciendis laboriosam debitis temporibus ea laboriosam sequi.
                </p>

                <p>
                    <a href="http://prudence.name">Lire la suite<span class="sr-only"> de l'article The ADP monitor is down, synthesize the mobile monitor so we can program the FTP hard drive!</span></a>
                </p>

            </article>

            <article role="article" aria-label="If we quantify the alarm, we can get to the COM microchip through the 1080p SSL protocol!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://côme.net">If we quantify the alarm, we can get to the COM microchip through the 1080p SSL protocol!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?57255" srcset="http://placeimg.com/320/213/?12375 320w, http://placeimg.com/540/360/?61698 540w, http://placeimg.com/720/480/?48544 720w, http://placeimg.com/960/640/?73147 960w, http://placeimg.com/1140/760/?46618 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Id consequuntur aut exercitationem. Quia dolores praesentium omnis. Repudiandae culpa odit totam.
                </p>

                <p>
                    <a href="https://côme.net">Lire la suite<span class="sr-only"> de l'article If we quantify the alarm, we can get to the COM microchip through the 1080p SSL protocol!</span></a>
                </p>

            </article>

            <article role="article" aria-label="parsing the capacitor won&#39;t do anything, we need to connect the solid state AI driver!" class="col-md-6">
                <header>
                    <h3><a class="vd-link-invisible" href="https://armandine.net">parsing the capacitor won&#39;t do anything, we need to connect the solid state AI driver!</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">
                    <a href="#"><img class="img-fluid" src="http://placeimg.com/960/640/?35020" srcset="http://placeimg.com/320/213/?83003 320w, http://placeimg.com/540/360/?5088 540w, http://placeimg.com/720/480/?29309 720w, http://placeimg.com/960/640/?49622 960w, http://placeimg.com/1140/760/?84431 1140w" alt="">

                    </a>
                </figure>

                <p>
                    Voluptatem laboriosam earum enim eum ratione et qui. Repellendus temporibus sit at voluptatibus. Quae sapiente ut aut sint consequatur consequatur et ad quaerat.

                    Adipisci reprehenderit quibusdam voluptates aut quam officia fuga suscipit corrupti. Vel ipsam corporis similique atque autem aspernatur veniam. Fugit et sunt est in. Quam eligendi totam veniam. Quae quia molestias omnis.

                    Vel cum quaerat et ullam voluptatibus quis. Consequatur...
                </p>

                <p>
                    <a href="https://armandine.net">Lire la suite<span class="sr-only"> de l'article parsing the capacitor won&#39;t do anything, we need to connect the solid state AI driver!</span></a>
                </p>

            </article>

        </div>
        <nav class="vd-pagination" aria-label="Pagination">
            <ul class="vd-pagination__list">
                <li class="vd-pagination__item vd-pagination__item--previous">
                    <a href="#" class="vd-pagination__link">
                        <span class="vd-pagination__title">
                            <span class="fas fa-chevron-left" aria-hidden="true"></span>
                            Page précédente
                        </span><span class="sr-only">:</span>
                        <span class="vd-pagination__label">11 sur 244</span></a>
                </li>
                <li class="vd-pagination__item vd-pagination__item--next">
                    <a href="#" class="vd-pagination__link">
                        <span class="vd-pagination__title">
                            Page suivante
                            <span class="fas fa-chevron-right" aria-hidden="true"></span>
                        </span><span class="sr-only">:</span>
                        <span class="vd-pagination__label">13 sur 244</span></a>
                </li>
            </ul>
        </nav>

    </div>
</main>

<div class="container mt-5">

    <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--default" %}
{% block main %}
<div class="vd-bg-pattern-bars-gray clearfix my-3 py-4">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        {% render '@search-form--regular', searchForm, true %}
      </div>
    </div>
  </div>
</div>
  <div class="row">
    {% for teaser in teasers %}
    {% render '@teaser', teaser, true %}
    {% endfor %}
  </div>
  {% render '@pagination' %}
{% endblock %}
 
{
  "pageTitle": {
    "text": "Toutes les actualités",
    "styleModifier": "container mt-0"
  },
  "breadcrumb": {
    "styleModifier": "pb-1",
    "breadcrumb": [
      {
        "page": "vd.ch",
        "url": "#"
      },
      null,
      null,
      null
    ]
  },
  "teasers": [
    {
      "title": "Try to transmit the RAM firewall, maybe it will synthesize the bluetooth transmitter!",
      "styleModifier": "col-md-6",
      "url": "http://laureline.info",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?50379",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?90356"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?57905"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?15890"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?95498"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?29399"
              }
            ]
          }
        }
      },
      "excerpt": "Fuga aut saepe. Aliquid dolor dicta velit est laboriosam aspernatur quia sunt quasi. Rerum molestiae et et neque repudiandae sit."
    },
    {
      "title": "bypassing the program won't do anything, we need to transmit the back-end HDD card!",
      "styleModifier": "col-md-6",
      "url": "https://oger.net",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?98246",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?78432"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?93266"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?32230"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?60461"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?91701"
              }
            ]
          }
        }
      },
      "excerpt": "laudantium et hic"
    },
    {
      "title": "Use the open-source SMTP array, then you can quantify the haptic microchip!",
      "styleModifier": "col-md-6",
      "url": "https://ariel.eu",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?91520",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?43414"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?48272"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?78987"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?51255"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?57878"
              }
            ]
          }
        }
      },
      "excerpt": "Laboriosam recusandae et. Omnis officia ut iure fugiat possimus non ea. Nihil voluptatum et et a. Non itaque illo aut."
    },
    {
      "title": "Try to input the SCSI interface, maybe it will override the wireless sensor!",
      "styleModifier": "col-md-6",
      "url": "https://céleste.name",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?98529",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?22229"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?80640"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?91325"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?23581"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?70842"
              }
            ]
          }
        }
      },
      "excerpt": "Deleniti ut dignissimos ullam amet in et eos dignissimos. Est id repudiandae natus. Asperiores molestias laudantium harum ratione corrupti deserunt facilis quia quasi."
    },
    {
      "title": "You can't override the alarm without parsing the back-end TCP program!",
      "styleModifier": "col-md-6",
      "url": "http://mélanie.org",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?88116",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?33761"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?46384"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?70832"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?21277"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?5044"
              }
            ]
          }
        }
      },
      "excerpt": "Ut nihil cupiditate sit architecto. Pariatur aliquam nam ut. Velit velit atque fugiat repellat delectus et quisquam qui. Tempora non facere nihil aut molestias."
    },
    {
      "title": "Try to reboot the CSS monitor, maybe it will connect the open-source bus!",
      "styleModifier": "col-md-6",
      "url": "https://marius.net",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?35712",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?28771"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?30362"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?11626"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?98569"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?51930"
              }
            ]
          }
        }
      },
      "excerpt": "Aut et expedita.\nDelectus dolorem inventore et in ut alias quia.\nAut sunt illum nam saepe consequatur.\nDeleniti tempore sit provident quo nisi praesentium."
    },
    {
      "title": "quantifying the driver won't do anything, we need to parse the solid state SQL hard drive!",
      "styleModifier": "col-md-6",
      "url": "https://isabeau.org",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?33767",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?16445"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?68808"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?17058"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?14268"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?69441"
              }
            ]
          }
        }
      },
      "excerpt": "Possimus quia qui. Illum nihil ut. Consequatur quis ratione omnis iusto sit vel. Nisi fugiat ut alias corrupti officia. Et illum et esse repellat.\n \rQui consequatur laborum ipsum quisquam et enim dignissimos architecto reiciendis. Vel quia placeat quas quisquam quia sapiente. Pariatur quod adipisci sequi excepturi sit et assumenda voluptas. Itaque veniam atque dolores deleniti nihil ipsa.\n \rBeatae et nulla. Non eaque alias sunt repellat libero est ex nesciunt molestias. Odit vel reiciendis excepturi mollitia eius nihil placeat asperiores recusandae. Sint dignissimos nemo deleniti nesciunt omnis saepe voluptatem blanditiis beatae."
    },
    {
      "title": "The ADP monitor is down, synthesize the mobile monitor so we can program the FTP hard drive!",
      "styleModifier": "col-md-6",
      "url": "http://prudence.name",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?51297",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?91954"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?59066"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?46843"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?11272"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?20654"
              }
            ]
          }
        }
      },
      "excerpt": "Voluptatem eligendi omnis.\nIllo fugit reiciendis laboriosam debitis temporibus ea laboriosam sequi."
    },
    {
      "title": "If we quantify the alarm, we can get to the COM microchip through the 1080p SSL protocol!",
      "styleModifier": "col-md-6",
      "url": "https://côme.net",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?57255",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?12375"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?61698"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?48544"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?73147"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?46618"
              }
            ]
          }
        }
      },
      "excerpt": "Id consequuntur aut exercitationem. Quia dolores praesentium omnis. Repudiandae culpa odit totam."
    },
    {
      "title": "parsing the capacitor won't do anything, we need to connect the solid state AI driver!",
      "styleModifier": "col-md-6",
      "url": "https://armandine.net",
      "authors": null,
      "media": {
        "caption": null,
        "image": {
          "default": {
            "src": "http://placeimg.com/960/640/?35020",
            "class": "img-fluid",
            "srcset": [
              {
                "width": "320w",
                "file": "http://placeimg.com/320/213/?83003"
              },
              {
                "width": "540w",
                "file": "http://placeimg.com/540/360/?5088"
              },
              {
                "width": "720w",
                "file": "http://placeimg.com/720/480/?29309"
              },
              {
                "width": "960w",
                "file": "http://placeimg.com/960/640/?49622"
              },
              {
                "width": "1140w",
                "file": "http://placeimg.com/1140/760/?84431"
              }
            ]
          }
        }
      },
      "excerpt": "Voluptatem laboriosam earum enim eum ratione et qui. Repellendus temporibus sit at voluptatibus. Quae sapiente ut aut sint consequatur consequatur et ad quaerat.\n \rAdipisci reprehenderit quibusdam voluptates aut quam officia fuga suscipit corrupti. Vel ipsam corporis similique atque autem aspernatur veniam. Fugit et sunt est in. Quam eligendi totam veniam. Quae quia molestias omnis.\n \rVel cum quaerat et ullam voluptatibus quis. Consequatur tenetur rem dolor qui et ut excepturi eos eius. Qui assumenda in cumque facilis corrupti veniam. Earum totam atque aliquid officiis. Vel aut et voluptatem perferendis quia. Quia dolorem fugiat."
    }
  ],
  "searchForm": {
    "heading": {
      "text": "Rechercher dans les actualités",
      "styleModifier": "mt-0 h4",
      "level": "h2"
    },
    "label": "Rechercher dans les actualités"
  }
}

No notes defined.