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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link fr-tile--grey">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link fr-tile--grey">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link fr-tile--grey">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-6 fr-col-md-4 fr-col-lg-3">
<div class="fr-tile fr-enlarge-link fr-tile--grey">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-artwork-major" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-major"></use>
</svg>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
<div class="fr-tile__img">
<svg aria-hidden="true" class="fr-artwork" viewBox="0 0 80 80" width="80px" height="80px">
<use class="fr-artwork-decorative" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-decorative"></use>
<use class="fr-artwork-minor" href="../../../../dist/artwork/pictograms/buildings/city-hall.svg#artwork-minor"></use>
<use class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Lorem [...] elit ut.</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-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="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
<div class="fr-col-12">
<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
<div class="fr-tile__body">
<h3 class="fr-tile__title">
<a class="fr-tile__link" href>Titre M bold</a>
</h3>
<p class="fr-tile__desc">Texte M regular 2 lignes max</p>
</div>
</div>
</div>
</div>
Les modifieurs "fr-tile--horizontal-md" et "fr-tile--vertical-md" ne sont plus supportés