Cette maquette présente les différentes zones d'un écran portail agent.

<body >
  <nav id="am-skiplinks" aria-label="liens d'évitements">...</nav>  
  <header id="am-entete-de-page" role="banner">
	...
	<button id="am-toggle-header" class="btn">
	  <span class="am-icon icon-slidearrow-up"></span>
	</button>  
  </header>
    
  <div id="am-page">
    <nav id="am-barre-outils" role="menubar" aria-label="Barre d'outils" class="menu-outil">...</nav>
      
    <div id="am-corps-de-page">
      
      <nav id="am-navigation" aria-label="Navigation principale">...</nav>  
      
      <nav id="am-fil-ariane" aria-label="Breadcrumb" class="fil-ariane">...</nav>  
      
      <div id="am-coeur-de-page">
          <main id="zone-de-travail">
            ...
          </main>
      </div> 
       
      <footer id="am-pied-de-page" role="content-info">...</footer>
    </div>
  </div>    
</body>