<div id='global-content' class='hundred-percent'>

  <div id='top-content'>
    <div class='content-center'>
      <h1 class='text-shadow'>Etiquette et actions transverses</h1>
      <div class='info-comp'>
        <h3>Avec entête</h3>
        <div id='etiquette'>
          <div class='etiq-container'>
            <div class='etiq-content etiq-alerte'>
              <span class='etiq-shadow'> </span>
              <span class='etiq-text'>
                <span class='etiq-label'>BROUILLON</span>
                <a href='#' title='Plus d\'informations' class='etiq-expand'> </a>
                <span class='etiq-detail'>Dernières mises à jour   COUE Grégory, le 15/09/2014</span>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class='transversal-actions'>
        <div class='btn-group'>
          <a class='btn dropdown-toggle' data-toggle='dropdown' href='#'>
            Dropdown
            <span class='caret'></span>
          </a>
          <ul class='dropdown-menu'>
            <li><a href='#'>Sous-menu/a></li>
          </ul>
        </div>
        <button class='btn'><i class='icon-pdf picto-btn'></i>PDF</button>
      </div>
    </div>
  </div>
  
  <div id='main-content'>
    contenu principal...
  </div>
  
</div>