Les exemples suivants sont dépréciés, ne pas utiliser comme référence
Pour support des versions précédentes
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
<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>
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
<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>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
<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>
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
<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>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
<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>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
<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>
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
<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>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dol
<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>
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
Texte M regular 2 lignes max
<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>
Les modifieurs "village-tile--horizontal-md" et "village-tile--vertical-md" ne sont plus supportés