Retour

Tuile (tile)

Documentation

Dépréciation

Les exemples suivants sont dépréciés, ne pas utiliser comme référence
Pour support des versions précédentes

Tuiles verticales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
</div>

Tuiles verticales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
</div>

Tuiles verticales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
</div>

Tuiles verticales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
</div>

Tuiles verticales accentuées

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link village-tile--grey">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link village-tile--grey">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link village-tile--grey">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-6 village-col-md-4 village-col-lg-3">
        <div class="village-tile village-enlarge-link village-tile--grey">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
</div>

Tuiles horizontales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
</div>

Tuiles horizontales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
            <div class="village-tile__img">
                <svg aria-hidden="true" class="village-artwork" viewBox="0 0 80 80" width="80px" height="80px">
                    <use class="village-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
                    <use class="village-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
                    <use class="village-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
                </svg>
            </div>
        </div>
    </div>
</div>

Tuiles horizontales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Lorem [...] elit ut.</p>
            </div>
        </div>
    </div>
</div>

Tuiles horizontales

<div class="village-grid-row village-grid-row--gutters">
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
    <div class="village-col-12">
        <div class="village-tile village-enlarge-link village-tile--horizontal">
            <div class="village-tile__body">
                <h3 class="village-tile__title">
                    <a class="village-tile__link" href>Titre M bold</a>
                </h3>
                <p class="village-tile__desc">Texte M regular 2 lignes max</p>
            </div>
        </div>
    </div>
</div>

Breaking change

Les modifieurs "village-tile--horizontal-md" et "village-tile--vertical-md" ne sont plus supportés

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.