Détail

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    </div>

</header>

<div class="container pt-3">
    <nav aria-label="Fil d'Ariane">
        <h2 class="visually-hidden">File d'Ariane</h2>
        <ol class="breadcrumb">

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

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

            <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="visually-hidden">Partnaires</h2>
            <ul class="list-inline">

                <li class="list-inline-item"><span class="visually-hidden">Partenaire</span><img class="img-fluid" src="/assets/img/avatar.jpg" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="visually-hidden">Partenaire</span><img class="img-fluid" src="/assets/img/avatar.jpg" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="visually-hidden">Partenaire</span><img class="img-fluid" src="/assets/img/avatar.jpg" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="visually-hidden">Partenaire</span><img class="img-fluid" src="/assets/img/avatar.jpg" alt="logo du partenaire"></li>

                <li class="list-inline-item"><span class="visually-hidden">Partenaire</span><img class="img-fluid" src="/assets/img/avatar.jpg" 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">
                <div class="h2 mt-0" id="service-contact-title" itemprop="name">
                    Bureau d&#39;information et de communication
                </div>

                <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>&nbsp;
                    <span itemprop="addressLocality">Lausanne</span>
                    <span class="visually-hidden" itemprop="addressCountry">Suisse</span>
                </p>

                <p>

                    <a href="https://www.google.ch/maps/search/Rue%20de%20la%20Barre%202%205278%201000%20Lausanne%20Suisse%20" id="google-maps-link">
                        Visualiser sur la carte Google
                    </a>
                    <br>

                </p>

                <p>
                    <a class="btn btn-dark" id="service-contact-contact-form-link" title="Nous écrire Formulaire de contact" href="#">
                        Nous écrire
                    </a>
                </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 visually-hidden">Partager la page</h2>
    <ul class="list-inline vd-social-icons mt-4 mb-3">
        <li class="list-inline-item">
            <a class="mastodon-link vd-social-icon" href="#" title="Lien vers le profil Mastodon">
                <span aria-hidden="true" class="fa-brands fa-mastodon"></span>
                <span class="visually-hidden">Lien vers le profil Mastodon</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="bluesky-link vd-social-icon" href="#" title="Lien vers le profil Bluesky">
                <span aria-hidden="true" class="fa-bluesky fa-brands"></span>
                <span class="visually-hidden">Lien vers le profil Bluesky</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="instagram-link vd-social-icon" href="#" title="Lien vers le profil Instagram">
                <span aria-hidden="true" class="fa-brands fa-instagram"></span>
                <span class="visually-hidden">Lien vers le profil Instagram</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="linkedin-link vd-social-icon" href="#" title="Lien vers le profil Linkedin">
                <span aria-hidden="true" class="fa-brands fa-linkedin"></span>
                <span class="visually-hidden">Lien vers le profil Linkedin</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="facebook-link vd-social-icon" href="#" title="Lien vers le profil Facebook">
                <span aria-hidden="true" class="fa-brands fa-facebook"></span>
                <span class="visually-hidden">Lien vers le profil Facebook</span>
            </a>
        </li>
        <li class="list-inline-item">
            <a class="twitter-link vd-social-icon" href="#" title="Lien vers le profil Twitter">
                <span aria-hidden="true" class="fa-brands fa-x-twitter"></span>
                <span class="visually-hidden">Lien vers le profil Twitter</span>
            </a>
        </li>
        <li class="d-lg-none list-inline-item">
            <a class="whatsapp-link vd-social-icon" href="#" title="Partager par WhatsApp">
                <span aria-hidden="true" class="fa-brands fa-whatsapp"></span>
                <span class="visually-hidden">Partager par WhatsApp</span>
            </a>
        </li>
    </ul>

</div>

<footer>

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

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

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

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

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

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

</footer>
{% 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="visually-hidden">Partnaires</h2>
          <ul class="list-inline">
            {% for partner in pressRelease.partners %}
            <li class="list-inline-item"><span class="visually-hidden">{{ 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: 'visually-hidden', styleModifier: 'text-center mb-3'}, true %}

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

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

      {% if not icons %}
      <h2 class="visually-hidden">Partnaires</h2>
      <ul class="list-inline">
        {% for partner in pressRelease.partners %}
        <li class="list-inline-item"><span class="visually-hidden">{{ 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": "/assets/img/avatar.jpg",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "/assets/img/avatar.jpg",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "/assets/img/avatar.jpg",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "/assets/img/avatar.jpg",
        "alt": "logo du partenaire"
      },
      {
        "name": "Partenaire",
        "src": "/assets/img/avatar.jpg",
        "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.