<!-- Button trigger Large modal -->
<button type="button" class="amui-a-btn is--primary btn" data-toggle="modal" data-target="#bs-example-modal-lg">Large modal</button>
<div class="amui-o-modal modal fade in" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="amui-o-modal__header-title">
  <div tabindex="0" class="modal-dialog modal-lg" role="document">
    <div class="amui-o-modal__content modal-content">
      <div class="amui-o-modal__header">
        <button type="button" class="amui-o-modal__close close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden>&times;</span>
        </button>
        <h1 class="amui-o-modal__header-title">Title</h1>
      </div><!-- Modal Header -->
      <div class="amui-o-modal__body">
        <h2 class="amui-o-modal__body-title">Title</h2>
        <div class="amui-o-modal__body-callout">
          <ul>
            <li>Label : <a href="#">Link</a> </li>
          </ul>
        </div>
        <h2 class="amui-o-modal__body-title">Title</h2>
        <div class="amui-o-modal__body-callout">
          <ul>
            <li>Label : <a href="#" class="is--link">Link</a> </li>
          </ul>
        </div>
      </div><!-- Modal Body -->
      <div class="amui-o-modal__footer clearfix">
        <button type="button" class="amui-a-btn is--link btn amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Fermer</button>
      </div>
    </div>  <!-- Modal Content -->
  </div>
</div><!-- Modal -->

<!-- Button trigger Small modal -->
<button type="button" class="amui-a-btn is--primary btn" data-toggle="modal" data-target="#bs-example-modal-sm">Small modal</button>
<div class="amui-o-modal modal fade in" id="bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="amui-o-modal__header-title">
  <div tabindex="0" class="modal-dialog modal-sm" role="document">
    <div class="amui-o-modal__content modal-content">
      <div class="amui-o-modal__header">
        <button type="button" class="amui-o-modal__close close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden>&times;</span>
        </button>
        <h1 class="amui-o-modal__header-title">Title</h1>
      </div><!-- Modal Header -->
      <div class="amui-o-modal__body">
        <h2 class="amui-o-modal__body-title">Title</h2>
        <div class="amui-o-modal__body-callout">
          <ul>
            <li>Label : <a href="#">Link</a> </li>
          </ul>
        </div>
        <h2 class="amui-o-modal__body-title">Title</h2>
        <div class="amui-o-modal__body-callout">
          <ul>
            <li>Label : <a href="#" class="is--link">Link</a> </li>
          </ul>
        </div>
      </div><!-- Modal Body -->
      <div class="amui-o-modal__footer clearfix">
        <button type="button" class="amui-a-btn is--link btn amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Fermer</button>
      </div>
    </div>  <!-- Modal Content -->
  </div>
</div><!-- Modal -->

<!-- Button trigger Large modal -->
<button type="button" class="amui-a-btn is--primary btn" data-toggle="modal" data-target="#bs-example-modal-icon">Modal icon txt</button>
<div class="amui-o-modal modal fade in" id="bs-example-modal-icon" tabindex="-1" role="dialog" aria-labelledby="amui-o-modal__header-title">
  <div tabindex="0" class="modal-dialog modal-lg" role="document">
    <div class="amui-o-modal__content modal-content">
      <div class="amui-o-modal__header">
        <button type="button" class="amui-o-modal__close close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden>&times;</span>
        </button>
        <h1 class="amui-o-modal__header-title">Title</h1>
      </div><!-- Modal Header -->
      <div class="amui-o-modal__body amui-h-text-center">
        <i class="amui-o-modal__body-icon material-icons md-48 amui-h-text-center">help_outline</i>
        <p class="amui-o-modal__body-content">Etes-vous sur de vouloir supprimer le rapport de Mars 2018.<br>
        et d'importer une copie du rapport de Juillet 2017</p>
      </div><!-- Modal Body -->
      <div class="amui-o-modal__footer clearfix is--push">
        <button type="button" class="amui-a-btn is--primary btn amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Ok</button>
        <button type="button" class="amui-a-btn btn is--hollow amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Annuler</button>
      </div>
    </div>  <!-- Modal Content -->
  </div>
</div><!-- Modal -->

<!-- Button trigger Large modal -->
<button type="button" class="amui-a-btn is--primary btn" data-toggle="modal" data-target="#bs-example-modal-no-header">Modal header transparent</button>
<div class="amui-o-modal modal fade in" id="bs-example-modal-no-header" tabindex="-1" role="dialog" aria-labelledby="amui-o-modal__header-title">
  <div tabindex="0" class="modal-dialog modal-lg" role="document">
    <div class="amui-o-modal__content modal-content">
      <div class="amui-o-modal__header is--transparent ">
        <button type="button" class="amui-o-modal__close close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden>&times;</span>
        </button>
      </div><!-- Modal Header -->
      <div class="amui-o-modal__body amui-h-text-center">
        <h1 class="amui-o-modal__body-title">Title</h1>
        <p class="amui-o-modal__body-content">Etes-vous sur de vouloir supprimer l’évènement <strong>PACBO</strong></p>
      </div><!-- Modal Body -->
      <div class="amui-o-modal__footer clearfix is--push">
        <button type="button" class="amui-a-btn is--primary btn amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Ok</button>
        <button type="button" class="amui-a-btn btn is--hollow amui-o-modal__close" data-dismiss="modal" aria-label="Close modal">Annuler</button>
      </div>
    </div>  <!-- Modal Content -->
  </div>
</div><!-- Modal -->