<section class="mea3 mea3--variant-2 mea3-2" data-class="MEA3">
    <header class="mea3-header">
        <h2 class="mea3-header-title"></h2>
	    <h3 class="mea3-header-subtitle"></h3>
    </header>
    <div class="mea3-banner" data-title="PROLONGEZ L'EXPÉRIENCE BARRIÈRE" data-subtitle="Découvrez nos hôtels.">
        <div class="mea3-banner-container">
            <picture class="mea3-banner-picture" data-alt="" data-default-src="img/layout/mea3/mea3-2_mobile.jpg">
                <source media="(min-width: 1024px)" srcset="img/layout/mea3/mea3-2_desktop.jpg"/>
                <source media="(min-width: 481px)" srcset="img/layout/mea3/mea3-2_tablet.jpg"/>
                <source media="(max-width: 480px)"  srcset="img/layout/mea3/mea3-2_mobile.jpg"/>
                <img src="" alt="" />
            </picture>
            <div class="mea3-banner-content">
                <div class="row-fluid row-padding">
                    <a href="#">
                        <h2 class="mea3-banner-title">PROLONGEZ L'EXPÉRIENCE BARRIÈRE</h2>
                        <h3 class="mea3-banner-subtitle">Découvrez nos hôtels.</h3>
                    </a>
                </div>
                <a class="mea3-banner-button button-white" href="#">RÉSERVER UNE CHAMBRE</a>
            </div>
        </div>
    </div>
    <footer class="mea3-footer">
        <div class="mea3-footer-container">
            <a class="mea3-footer-discover button-golden" href="#">RÉSERVER UNE CHAMBRE</a>
        </div>
    </footer>
</section>