脌 propos des communications num茅riques gouvernementales

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8">  <title>脌 propos des communications num茅riques gouvernementales | Gouvernement du Qu茅bec</title> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Orientations, ressources et outils pour les 茅quipes web qui visent 脿 assurer la coh茅rence des communications num茅riques gouvernementales."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.quebec.ca/a-propos"> <meta property="og:site_name" content="Gouvernement du Qu茅bec"> <meta property="og:image" content="https://cdn-contenu.quebec.ca/_processed_/8/7/csm_OG_2024_FR_8af656c79e.png"> <meta property="og:title" content="脌 propos des communications num茅riques gouvernementales"> <meta property="og:description" content="Orientations, ressources et outils pour les 茅quipes web qui visent 脿 assurer la coh茅rence des communications num茅riques gouvernementales."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@GouvQc"> <meta name="twitter:image" content="https://cdn-contenu.quebec.ca/_processed_/7/3/csm_Twitter_Card_2024_FR_d6a82b39b4.png"> <meta name="twitter:title" content="脌 propos des communications num茅riques gouvernementales"> <meta name="twitter:description" content="Orientations, ressources et outils pour les 茅quipes web qui visent 脿 assurer la coh茅rence des communications num茅riques gouvernementales."> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="groupid" content="5"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i%7CRoboto:400,400i,500,500i,700,700i,900,900i%7CLato:400,400i,500,500i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-73a6bfa82dc42a3f547ed92d33ba872f-f5cf98809ebd78d8762dcae5fba389f8.css?1732648803" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-f31c4190248b030bdb51e1aa17f62c6b-bc84f344fe7e266a1a07f1ded0c94d14.css?1732648803" media="print"> <meta name="dc.description" content="Orientations, ressources et outils pour les 茅quipes web qui visent 脿 assurer la coh茅rence des communications num茅riques gouvernementales." /><meta name="google-site-verification" content="jPFRzVXjiRN4IY3KxNVfvEnDXeLPy6V7WVm7Xc1Ao0Q" /><meta name="msvalidate.01" content="227484923738C2C47E0BD34049F13422" /> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "g849am01tx"); </script><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="dns-prefetch" href="https://cdn-contenu.quebec.ca"> <link rel="canonical" href="/a-propos"/> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TRWV88D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div role="banner"> <div class="container-fluid piv">  <div class="container"> <div class="row"> <div class="col-4 d-flex align-items-center"> <a href="/a-propos#main" tabindex="1" class="visuallyHidden passerContenu">Passer au contenu</a> </div> </div> <div class="row" id="entetePiv"> <div class="col-4 d-flex align-items-center container_piv" lang="fr"> <a tabindex="5" data-evenement="click" href="/"><img id="pivImage" alt="Site Web du Gouvernement du Qu茅bec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/signature-PIV.svg" width="463" height="91" /></a> <img id="pivImagePrint" alt="Site Web du Gouvernement du Qu茅bec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/quebecPrint.gif" width="199" height="60" /> </div> <div class="col-8 d-flex justify-content-end align-items-center " > <a tabindex="10" data-evenement="click" id="lienOuvre" href="#recherchePiv"> <img class="loupeRecherche" id="lienOuvreImage" alt="Bouton pour ouvrir ou fermer la recherche." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/loupe-piv-droite.svg" width="24" height="24" /> </a> <ul class="listePiv"> <li> </li> <li>  <a tabindex="25" href="/nous-joindre/renseignements-generaux">Nous joindre</a> </li> </ul> </div> <div class="row recherchePiv" id="recherchePiv" > <div class="col-12"> <qc-solr-banner-autosuggest conf="{"suggest":{"endpoint":"\/resultats-de-recherche"}}" topics="[]" /> </div> </div> </div> </div> </div> <div class="container-fluid alerte-generale messageAlerte" id="bandeau-alerte" role="alert" aria-label="Information d'importance 茅lev茅e" > <div class="container"> <div class="row"> <div class="col-12 col-md-12 d-flex flex-row"> <div class="alerte-icone"></div> <p><a href="/greve-a-postes-canada">Conflit de travail 脿 Postes Canada</a> : consultez la liste des ch猫ques qui seront distribu茅s par le gouvernement du Qu茅bec durant le conflit de travail.</p> </div> </div> </div> </div> <div class="container-fluid rangee-1 "> <div class="container"> <div class="row"> <ol class="filAriane ellipse col-12 col-md-12"><li class="last"><a href="/">Accueil</a>  </li><li class="curitem ">脌 propos</li></ol> </div>  <div class="row"> <div class="col-12 col-md-9"> <h1 class="d-block themeTitre" id="titreNo1"> 脌 propos des communications num茅riques gouvernementales </h1>  <div class="accroche"> Orientations, ressources et outils pour les 茅quipes web qui visent 脿 assurer la coh茅rence des communications num茅riques gouvernementales. </div> </div> </div> </div> </div> </div> <div id="main" class="nojs"> <div class="container-fluid"> <div class="container"> <div class="row"> <div class="col-12 col-md-12 gabarit-pleine-largeur">  <div id="c109619" class="frame frame-default frame-type-multiple_columns frame-layout-0"> <div class="wrapper multiple-columns row qc-row"> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" href="/a-propos/strategie-optimisation"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Strat茅gie de communication num茅rique <span class="text-nowrap">gouvernementale <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> Favoriser une communication proactive et des interactions modernes et dynamiques entre le gouvernement et le public. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" href="/a-propos/strategie-optimisation"> Voir plus </a> </div> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" href="/a-propos/presentation-generale"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Pr茅sentation g茅n茅rale de <span class="text-nowrap">Qu茅bec.ca <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> Le site officiel du gouvernement du Qu茅bec o霉 sera centralis茅e progressivement l鈥檌nformation gouvernementale. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" href="/a-propos/presentation-generale"> Voir plus </a> </div> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" href="/a-propos/orientations"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Orientations de <span class="text-nowrap">Qu茅bec.ca <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> Comprendre et appliquer les orientations li茅es aux contenus et 脿 la navigation de Qu茅bec.ca. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" href="/a-propos/orientations"> Voir plus </a> </div> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" href="/a-propos/blogue"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Blogue des communications num茅riques <span class="text-nowrap">gouvernementales <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> Nouveaut茅s, r茅flexions et conseils de l'茅quipe des communications num茅riques gouvernementales. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" href="/a-propos/blogue"> Voir plus </a> </div> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" target="_blank" href="https://design.quebec.ca/apercu/systeme"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Syst猫me de design <span class="text-nowrap">gouvernemental <img class="linkExtImg" alt="Cet hyperlien s'ouvrira dans une nouvelle fen锚tre." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe.svg" width="11" height="11" /> <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> Orientations permettant d'assurer la coh茅rence des interfaces gouvernementales (information et services) et recommandations sur la r茅daction Web. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" target="_blank" href="https://design.quebec.ca/apercu/systeme"> Voir plus </a> </div> <div class="ce-bodytext sous-theme col-12 col-md-6 col-lg-4"> <a class="sous-theme-page-lien" href="/a-propos/demandes-de-services-numeriques-quebecca-et-systeme-de-design-gouvernemental"> <div class="sous-theme-page"> <h2 class="sous-theme-titre"> Demandes de services num茅riques : Qu茅bec.ca et Syst猫me de design <span class="text-nowrap">gouvernemental <span class="link-arrow"></span> </span> </h2> </div> <div class="sous-theme-accroche"> L鈥櫭﹒uipe num茅rique du Secr茅tariat 脿 la communication gouvernementale est disponible pour vous accompagner dans votre quotidien sur diff茅rents sujets. </div> </a> <ul class="sous-theme-liste"> </ul> <a class="sous-theme-tous section-link" href="/a-propos/demandes-de-services-numeriques-quebecca-et-systeme-de-design-gouvernemental"> Voir plus </a> </div> </div> </div>  </div> </div> </div> <div class="container"> <div class="row"> <div class="col-12 col-md-12 "> <p class="dateMiseAJour"> Derni猫re mise 脿 jour : 21 mai 2024 </p> </div> </div> </div> <div class="container"> <div class="row"> </div> </div> </div> </div>  <div class="rangee-footer"> <div class="container"> <div class="row"> <div class="col-12"> <a class="footer-title" href="/">Gouvernement du Qu茅bec</a> <h2 class="visuallyHidden">Navigation de pied de page de Qu茅bec.ca</h2> </div> </div> <div class="row footer-main"> <div class="col-12 col-md-6 col-lg-4"> <nav aria-labelledby="titrePiedDePage1"> <h3 class="ligneGriseTexte" id="titrePiedDePage1"><a href="/informations-et-services">Informations et services</a></h3> <ul><li><a href="/agriculture-environnement-et-ressources-naturelles" class="themeFooter">Agriculture, environnement et ressources naturelles</a></li><li><a href="/culture" class="themeFooter">Culture</a></li><li><a href="/education" class="themeFooter">脡ducation</a></li><li><a href="/emploi" class="themeFooter">Emploi</a></li><li><a href="/entreprises-et-travailleurs-autonomes" class="themeFooter">Entreprises</a></li><li><a href="/famille-et-soutien-aux-personnes" class="themeFooter">Famille et soutien aux personnes</a></li><li><a href="/finances-impots-et-taxes" class="themeFooter">Finances, imp么ts et taxes</a></li><li><a href="/habitation-territoire" class="themeFooter">Habitation et territoire</a></li><li><a href="/immigration" class="themeFooter">Immigration</a></li><li><a href="/justice-et-etat-civil" class="themeFooter">Justice et 茅tat civil</a></li><li><a href="/sante" class="themeFooter">Sant茅</a></li><li><a href="/securite-situations-urgence" class="themeFooter">S茅curit茅 et situations d'urgence</a></li><li><a href="/tourisme-et-loisirs" class="themeFooter">Tourisme et loisirs</a></li><li><a href="/transports" class="themeFooter">Transports</a></li></ul> </nav> </div> <div class="col-12 col-md-6 col-lg-4"> <nav aria-labelledby="titrePiedDePage2"> <h3 class="ligneGriseTexte" id="titrePiedDePage2"> <a href="/gouvernement"> Gouvernement </a> </h3> <ul><li><a href="/gouvernement/ministeres-organismes">Minist猫res et organismes</a></li><li><a href="/services-quebec">Services Qu茅bec</a></li><li><a href="/gouvernement/gouvernement-ouvert">Gouvernement ouvert</a></li><li><a href="/gouvernement/travailler-gouvernement">Travailler au gouvernement</a></li><li><a href="/nouvelles">Salle de nouvelles</a></li><li><a href="http://www.publicationsduquebec.gouv.qc.ca/lois-et-reglements/" target="_blank" rel="noreferrer">Lois et r猫glements <img class="linkExtImg" src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" alt="Cet hyperlien s'ouvrira dans une nouvelle fen锚tre." /></a></li><li><a href="https://www.cyber.gouv.qc.ca/signalements/signalement-vulnerabilites/formulaire" target="_blank" rel="noreferrer">Signaler une vuln茅rabilit茅 informatique <img class="linkExtImg" src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" alt="Cet hyperlien s'ouvrira dans une nouvelle fen锚tre." /></a></li><li><a href="/droit-auteur">Droit d鈥檃uteur et demande d鈥檃utorisation de reproduction</a></li></ul> </nav> </div> <div class="col-12 col-md-12 col-lg-4 last-column"> <nav aria-labelledby="titrePiedDePage3" class="nous-joindre">     <h3 class="ligneGriseTexte" id="titrePiedDePage3"><a href="/nous-joindre/renseignements-generaux">Nous joindre</a></h3> <ul> <li> <a href="/nous-joindre/renseignements-generaux"> Renseignements g茅n茅raux </a> </li> <li><a target="_blank" href="https://www.localisateur.servicesquebec.gouv.qc.ca/" rel="noreferrer">Bureaux de services <img class="linkExtImg" alt="Cet hyperlien s'ouvrira dans une nouvelle fen锚tre." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" width="11" height="11" /></a></li> </ul> </nav> <nav aria-labelledby="titrePiedDePage4" class="suivez-nous"> <h3 id="titrePiedDePage4">Suivez-nous</h3> <div class="row"> <ul class="col-12 d-flex iconesHorizontal"> <li> <a target="_blank" href="https://www.facebook.com/GouvQc/"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/Facebook.svg" class="icon" alt="Facebook" width="97" height="97"> </a> </li> <li> <a target="_blank" href="https://twitter.com/gouvqc"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/x-twitter-blanc.svg" class="icon" alt="Twitter" width="97" height="97"> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/channel/UCgi4UW4SNeYNl4n-AEvgKoQ/featured"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/Youtube.svg" class="icon" alt="YouTube" width="97" height="68"> </a> </li> </ul> </div> </nav> </div> </div> </div> </div>  <div class="container-fluid piv_bas" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-12 d-flex"> <ul class="list-inline mx-auto justify-content-center"> <li> <a href="/accessibilite">Accessibilit茅</a> </li> <li> <a href="/plan-du-site">Plan du site</a> </li> <li> <a href="/acces-information">Acc猫s 脿 l'information</a> </li> <li> <a href="/politique-confidentialite">Politique de confidentialit茅</a> </li> <li> <a href="/conditions-utilisation">Conditions d'utilisation</a> </li> <li> <a href="/a-propos">脌 propos</a> </li> </ul> </div> <div class="col-12 d-flex align-items-center justify-content-center" lang="fr"><a href="https://quebec.ca"><img id="logoFooter" alt="Gouvernement du Qu茅bec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/piv-pied-page.svg" width="117" height="35" /></a></div> <div class="col-12 d-flex align-items-center justify-content-center"><p><a href="/droit-auteur">漏 Gouvernement du Qu茅bec, 2024</a></p></div> </div> </div> <div id="flecheHaut" tabindex="0" role="link"><img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/fleche-precedent.svg" aria-hidden="true" alt="Retour en haut"/><span class="visuallyHidden">Retour en haut</span></div> </div> <script id="powermail_conditions_container" data-condition-uri="/index.php?id=2281&type=3132"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Libs/jquery-3.7.0.min.js?1732647936"></script> <script src="https://unpkg.com/tabbable/dist/index.umd.js"></script> <script src="https://unpkg.com/focus-trap/dist/focus-trap.umd.js"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Libs/jquery-ui-1.13.2.min.js?1732647936"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@accessible360/accessible-slick@1.0.1/slick/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"></script> <script src="/_assets/e799cca3073eabb617dfebf5f7cabc53/JavaScript/JQuery/jquery.autocomplete.min.js?1722342293"></script> <script src="https://www.google.com/recaptcha/api.js?hl=fr&onload=onloadCallback&render=explicit"></script> <script src="/_assets/9313231adb0eae24af9b8b5705cc14ca/JavaScript/Src/SelecteurFiche.js?1732647936"></script> <script src="/_assets/f8330c6d2feed73af50f38ae981823a4/JavaScript/Src/main.js?1732647936"></script> <script src="/_assets/f8330c6d2feed73af50f38ae981823a4/JavaScript/Vendor/printThis.js?1732647936"></script> <script src="/_assets/7c1a760ea4d891f44b1637dba301d60e/JavaScript/cs_seo.ga.js?1722599123"></script> <script src="/_assets/948410ace0dfa9ad00627133d9ca8a23/JavaScript/Powermail/Form.min.js?1729089117" defer="defer"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/main.js?1732647936"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/flecheHaut.js?1732647936"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/components.js?1732647936"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/recaptcha.js?1732647936"></script> <script src="/_assets/5c0be21b2c7a6f60780964ffe23e297c/WebComponents/BannerAutosuggest/solrBannerAutosuggest.min.js?1732647936"></script> <script> /*<![CDATA[*/ /*TS_inlineJS*/ console.log = function() {}; /* Google Tag Manager */ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TRWV88D'); /* End Google Tag Manager */ /* Recaptcha invisible */ function onRecaptchaSubmit() { var idForm = $(".frame-type-form_formframework form").attr('id'); var tousForms ="infoutile,nousjoindre,listedecourriels,formulairedecontactcourriel,plaintes"; if(tousForms.indexOf(idForm)>= 0){ document.getElementById(idForm).submit(); return false; } } /*]]>*/ </script> <script> /*<![CDATA[*/ /*TS_inlineFooter*/ jQuery( document ).ready(function() { jQuery('.youtubeVideo').each(function() { if (jQuery(this).width() < 600){ jQuery(this).addClass( 'small' ); } else{ jQuery(this).removeClass('small') } }); }); jQuery(window).resize(function(){ jQuery('.youtubeVideo').each(function() { if (jQuery(this).width() < 600){ jQuery(this).addClass( 'small' ); } else{ jQuery(this).removeClass('small') } }); }); /*]]>*/ </script> </body> </html>

CINXE.COM

脌 propos des communications num茅riques gouvernementales | Gouvernement du Qu茅bec