<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="container pt-3">
    <nav 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="#">Communiqués de presse</a></li>

            <li class="breadcrumb-item"><a href="#">Le Service de la sécurité civile et militaire est certifié</a></li>

        </ol>
    </nav>

</div>

<main class="container">
    <div class="row">

        <div class="col-md-8 vd-content-column">
            <header class="d-flex flex-column">

                <h1 class="h2 px-4 py-4 mt-0 vd-bg-pattern-bars-gray order-2">Le Service de la sécurité civile et militaire est certifié</h1>
                <div class="order-1">
                    <p class="mb-0 small text-uppercase fw-bold">nature du communiqué</p>
                    <p class="mb-0 small">Emeteur</p>
                    <p class="small fw-bold">Lausanne, le 1er juillet 2016</p>

                    <p class="mb-0">Axes forts de transports publics</p>
                </div>

            </header>

            <p class="lead">Au terme d&#39;une démarche initiée courant 2014, le Service de la sécurité civile et militaire (SSCM) a officiellement obtenu la certification à la norme internationale ISO 9001:2015 de son système de management de la qualité. L&#39;obtention de ce certificat s&#39;inscrit dans une volonté d&#39;amélioration continue, orientée citoyens et dynamique pour gagner en efficacité et accroître la satisfaction vis-à-vis des prestations fournies.</p>

            <h2 class="vd-heading-light h4 mb-3 sr-only">Partager la page</h2>
            <ul class="list-inline vd-social-icons text-center 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>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, obcaecati veritatis ipsam officia necessitatibus fuga, tempora vel unde libero soluta excepturi? Cumque dolorem, atque soluta. Obcaecati vel vero ipsam corporis.</p>

            <p class="text-xs-end mb-5 small">Bureau d information et de communication de l Etat de Vaud</p>

            <h2 class="sr-only">Partnaires</h2>
            <ul class="list-inline">

                <li class="list-inline-item"><span class="sr-only">Partenaire</span><img class="img-fluid" src="http://placehold.it/75x75" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="sr-only">Partenaire</span><img class="img-fluid" src="http://placehold.it/75x75" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="sr-only">Partenaire</span><img class="img-fluid" src="http://placehold.it/75x75" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="sr-only">Partenaire</span><img class="img-fluid" src="http://placehold.it/75x75" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="sr-only">Partenaire</span><img class="img-fluid" src="http://placehold.it/75x75" alt="logo du partenaire"></li>

            </ul>

            <h3 class="h5">Renseignements</h3>
            <ul class="list-unstyled">
                <li class="mb-0">DIRH, Nuria Gorrite, conseillère d'Etat, 021 316 70 01</li>
                <li class="mb-0">Lausanne, Olivier Français, Municipal des travaux, 021 316 70 01</li>
                <li class="mb-0">Renens, Marianne Hugenin, syndique, 079 316 70 01</li>
            </ul>

            <h3 class="h5">Téléchargements</h3>

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

                <li>
                    <span class="fa fa-download" aria-hidden="true"></span> <a href="#">Lorem ipsum dolor sit.</a>
                </li>

                <li>
                    <span class="fa fa-download" aria-hidden="true"></span> <a href="#">Facilis possimus culpa a!</a>
                </li>

            </ul>

        </div>

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

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

                <h2><span itemprop="name">Bureau d&#39;information et de communication</span>
                </h2>

                <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="https://www.google.ch/maps/search/Rue%20de%20la%20Barre%202%205278%201000%20Lausanne%20Suisse%20">Visualiser sur la carte</a><br>

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

                </div>

                <p></p>

            </address>

            <p>
                <span class="fas fa-rss-square" aria-hidden="true"></span> <a href="#">S'abonner au <abbr title="Communiqués de presse">CP</abbr></a>
            </p>
        </aside>

    </div>

    <nav>
        <a href="#" title="link to somewhere" class="btn btn-dark">Retour sur la liste des communiqués</a>
    </nav>

</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>
{% render '@header--default', header, true %}

{% include '@page-title-banner--light' %}

<main class="container">
  <div class="row">

    <div class="col-md-8 vd-content-column">
      <header class="d-flex flex-column">

        <h1 class="h2 px-4 py-4 mt-0 vd-bg-pattern-bars-gray order-2">{{ pageTitle.text }}</h1>
        <div class="order-1">
          <p class="mb-0 small text-uppercase fw-bold">{{ pressRelease.nature }}</p>
          <p class="mb-0 small">{{ pressRelease.sender }}</p>
          <p class="small fw-bold">{{ pressRelease.date }}</p>

          {% if icons %}
          <h2 class="sr-only">Partnaires</h2>
          <ul class="list-inline">
            {% for partner in pressRelease.partners %}
            <li class="list-inline-item"><span class="sr-only">{{ partner.name }}</span><img class="img-fluid" src="{{ partner.src }}" alt="{{ partner.alt }}"></li>
            {% endfor %}
          </ul>
          {% endif %}

          <p class="mb-0">{{ pressRelease.preHeader }}</p>
        </div>


      </header>

      {% include '@lead' %}

      {% render '@social-icons', {titleModifier: 'sr-only', styleModifier: 'text-center mb-3'}, true %}

      {% block main %}
      {% render '@paragraph' %}
      {% endblock %}

      {% render '@signature', pressRelease.signature, true %}

      {% if not icons %}
      <h2 class="sr-only">Partnaires</h2>
      <ul class="list-inline">
        {% for partner in pressRelease.partners %}
        <li class="list-inline-item"><span class="sr-only">{{ partner.name }}</span><img class="img-fluid" src="{{ partner.src }}" alt="{{ partner.alt }}"></li>
        {% endfor %}
      </ul>
      {% endif %}

      <h3 class="h5">Renseignements</h3>
      <ul class="list-unstyled">
        <li class="mb-0">DIRH, Nuria Gorrite, conseillère d'Etat, 021 316 70 01</li>
        <li class="mb-0">Lausanne, Olivier Français, Municipal des travaux, 021 316 70 01</li>
        <li class="mb-0">Renens, Marianne Hugenin, syndique, 079 316 70 01</li>
      </ul>

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

    </div>

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

      {% render '@autority-address', autorityAddress %}

      <p>
        <span class="fas fa-rss-square" aria-hidden="true"></span> <a href="#">S'abonner au <abbr title="Communiqués de presse">CP</abbr></a>
      </p>
    </aside>

  </div>

  <nav>
    <a href="#" title="link to somewhere" class="btn btn-dark">Retour sur la liste des communiqués</a>
  </nav>

</main>

{% render '@footer', footer, true %}
{
  "breadcrumb": {
    "breadcrumb": [
      {
        "page": "vd.ch",
        "url": "#"
      },
      {
        "page": "Communiqués de presse",
        "url": "#"
      },
      {
        "page": "Le Service de la sécurité civile et militaire est certifié",
        "url": "#"
      },
      null
    ]
  },
  "pageTitle": {
    "text": "Le Service de la sécurité civile et militaire est certifié"
  },
  "lead": "Au terme d'une démarche initiée courant 2014, le Service de la sécurité civile et militaire (SSCM) a officiellement obtenu la certification à la norme internationale ISO 9001:2015 de son système de management de la qualité. L'obtention de ce certificat s'inscrit dans une volonté d'amélioration continue, orientée citoyens et dynamique pour gagner en efficacité et accroître la satisfaction vis-à-vis des prestations fournies.",
  "pressRelease": {
    "nature": "nature du communiqué",
    "sender": "Emeteur",
    "date": "Lausanne, le 1er juillet 2016",
    "partners": [
      {
        "name": "Partenaire",
        "src": "http://placehold.it/75x75",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "http://placehold.it/75x75",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "http://placehold.it/75x75",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "http://placehold.it/75x75",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "http://placehold.it/75x75",
        "alt": "logo du partenaire"
      }
    ],
    "preHeader": "Axes forts de transports publics",
    "signature": {
      "text": "Bureau d information et de communication de l Etat de Vaud"
    }
  },
  "downloadList": {
    "styleModifier": "h5"
  },
  "autorityAddress": {
    "name": "Bureau d'information et de communication",
    "address": {
      "streetAddress": "Rue de la Barre 2",
      "postOfficeBoxNumber": "5278",
      "postalCode": "1000",
      "addressLocality": "Lausanne",
      "addressCountry": "Suisse"
    },
    "button": {
      "text": "Nous écrire",
      "href": "#",
      "title": "Formulaire de contact"
    }
  }
}

No notes defined.