{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
[[fr:Tendances_Technologiques/<!--Modèle_de_Tendance_Technologique-->]]

<div class="mw-collapsible" data-expandtext="Show Detailed View" data-collapsetext="Hide Detailed View">
  <div class="sidetable">
    <table class="wikitable">
      <tr>
        <th class="breadcrumb" colspan="2">
          <table class="breadcrumb-table">
            <tr>
              <th>[[Technology_Trends|Technology Trends]]</th>
              <th> / </th>
              <th><!--Technology Trend Template--></th>
            </tr>
          </table>
          <table class="breadcrumb-table">
            <tr>
              <th>[[Tendances_Technologiques|Tendances Technologiques]]</th>
              <th> / </th>
              <th>[[Tendances_Technologiques/<!--Modèle_de_Tendance_Technologique-->|<!--Modèle de Tendance Technologique-->]]</th>
            </tr>
          </table>
        </th>
      </tr>
      <tr><td colspan="2" class="logo">[[File:<!--Technology_Trends_-_Template.png-->|200px]]</td></tr>
      <tr>
        <th>Status</th>
        <td><!--Status : Unassigned / Development / Translation / Published--></td>
      </tr>
      <tr>
        <th>Initial release</th>
        <td><!--September 1, 2020--></td>
      </tr>
      <tr>
        <th>Latest version</th>
        <td><!--September 1, 2020--></td>
      </tr>
      <tr>
        <th>Official publication</th>
        <td>[[Media:<!--EN_-_Technology_Trends_-_Template.pdf-->|<!--Template.pdf-->]]</td>
      </tr>
      <tr><td colspan="2" class="disclaimer"><table><tr>
        <td>[[File:Traffic_cone.png|40px]]</td>
        <td class="disclaimerText">This page is a work in progress. We welcome your feedback. Please use the discussion page for suggestions and comments. When the page is approved and finalized, we will send it for translation.</td>
      </tr></table></td></tr>
    </table>
  </div>

  <br><p>This is the <b>Template</b> for the english version of the technology trend briefing paper. When creating a new document, copy all of this code to a new file to provide a starting point. Replace all the text in comments (in the <!-- comment --> brackets) by the corresponding information</p>

  <div class="mw-collapsible-toggle btn" style="float: left; display: block;">
    <div class="toggle mw-collapsible-toggle-collapsed" role="button" tabindex="0"><span class="mw-collapsible-text">Hide Detailed View</span></div>
  </div><br><br>

  <h2>Business Brief</h2>
 
  <h2>Technology Brief</h2>

  <h2>Industry Use</h2>

  <h2>Canadian Government Use</h2>

  <h2>Implications for Government Agencies</h2>

  <h3>Shared Services Canada (SSC)</h3>

  <h4>Value Proposition</h4>

  <h4>Challenges</h4>

  <h4>Considerations</h4>

  <h2>References</h2>
</div>

{{#css:

  #firstHeading::after{ content:"<!--Technology Trend Template-->"; }

  div>a>img {
    width: 90%;
    height: auto;
    margin: auto;
  }

  .imageDisplay {
    width: 400px;
    margin: auto;
    float: right;
    background-color: rgb(248, 249, 250);
    border: 1px solid rgb(162, 169, 177);
  }

  .source {
    text-align: center;
    font-style: italic;
  }

  /* PC Formatting */

  .sidetable{ float: right; width: 25%; cursor: auto; text-align: center;}
  .wikitable{ margin: 0px 0px 0px 0px;  }
  .logo{  text-align: center; }
  .disclaimer{  border: 1px solid red;  background-color: rgba(255, 0, 0, 0.3); }

  .breadcrumb{
    background-color: rgb(248, 249, 250);
    border: 1px solid rgb(162, 169, 177);
  }
  .breadcrumb-table{  margin: auto; }

  .highlighted{  background-color: rgba(242, 109, 33, 0.2); }
  .mw-collapsible-text{ text-align:left;  }
  .inline{  display: inline; }
  .inline-spacer{ display: block; }

  .btn {
  	display: inline-block;
  	margin-bottom: 0;
  	font-weight: 400;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: middle;
  	-ms-touch-action: manipulation;
  	touch-action: manipulation;
  	cursor: pointer;
  	background-image: none;
  	border: 1px solid transparent;
  	padding: 6px 12px;
  	font-size: 14px;
  	line-height: 1.42857143;
  	border-radius: 4px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;

    width: 230px;
    color: rgba(242, 109, 33, 1);
  	background-color: rgba(242, 109, 33, 0.1);
  	border-color: rgba(242, 109, 33, 1);
    text-decoration: none;
  }

  .btn:hover {
  	color: rgba(255, 255, 255, 1);
  	background-color: rgba(242, 109, 33, 1);
    text-decoration: none;
  }

  .hypecycle {
    width: 80%;
    margin: auto;
  }

  .container{
    width: 100%;
    display: block;
  }

  .row{
    width: 100%;
    display: table;
    content: " ";
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {  float: left;  }

  .col-sm-1 { width: 8.333333333%;  }
  .col-sm-2 { width: 16.66666666%%;  }
  .col-sm-3 { width: 25%;  }
  .col-sm-4 { width: 33.333333333333%;  }
  .col-sm-5 { width: 41.6666666666%;  }
  .col-sm-6 { width: 50%;  }
  .col-sm-7 { width: 58.333333333%;  }
  .col-sm-8 { width: 66.66666666666%;  }
  .col-sm-9 { width: 75%;  }
  .col-sm-10 { width: 83.33333333333%;  }
  .col-sm-11 { width: 91.6666666666%;  }
  .col-sm-12 { width: 100%;  }

  .hypecycleTable{
    width: 100%;
  }

  /* Mobile Formatting */
  @media (max-width: 992px){
    .sidetable{ width: 80%; margin-left: 10%; margin-right: 10%;}

    .container{
      display: block;
      clear: both;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {  clear: both; display: block; width: 100%; margin: auto; }

    div>a>img {
      width: 100%;
      height: auto;
      margin: auto;
    }
  }
  @media (max-width: 600px){
    .sidetable{ width: 100%; margin-left: 0px; margin-right: 0px;}
  }

}}