<div class="tiles-expand-container tiles-expand-single">
  <div class="row no-gutters">
    <div class="col-12 col-lg-6">
      <div class="tile__expand">
        <div class="tile__expand-featured-info bg-bleu-pastel">
          <h3 class="heading-medium mb-0 pb-2">Produits<br />Qualites</h3>
          <div>
            <button class="tile__expand-open heading-medium text-vert-cascades"><i class="icon-plus">&nbsp;</i></button>
          </div>
        </div>
        <div class="tile__expand-more-info bg-bleu-pastel top-left">
          <div class="tile__expand-more-info-content">
            <button class="tile__expand-close text-vert-cascades"><i class="icon-close">&nbsp;</i></button>
            <ul class="heading-medium">
              <li>Lorem Ipsum</li>
              <li>Lorem Ipsum</li>
              <li>Lorem Ipsum</li>
              <li>Lorem Ipsum</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-6">
      <div class="w-100 bg-gris-chaud d-flex justify-content-center align-items-center" style="min-height: 700px;">
        Content
      </div>
    </div>
  </div>
</div>