<div class="preview-container {{ type }} br8 dflex fdc{% if i == 0 %} first-preview{% endif %}{% if i == 1 %} second-preview{% endif %}">
<div class="preview-header">
{% if img is defined and img is not empty %}
{% include "blocks/previews/img/image.html.twig" %}
{% else %}
{% include "blocks/previews/img/default-image.html.twig" %}
{% endif %}
{% if type == "analyses" %}
<div class="background-color-blue"></div>
{% elseif type == "guides_outils" %}
<div class="background-color-blue"></div>
{% endif %}
<p class="fs14 lh20 dflex aic">
{% if type == "analyses" %}
Analyse
{% elseif type == "guides_outils" %}
Guide / Outil
{% else %}
Article
{% endif %}
</p>
{% if i == 0 %}
{% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
{% endif %}
</div>
<div class="preview-content{% if type != "articles" %} dflex fdc{% endif %}{% if i == 0 %} pt-0p5em{% endif %}">
{% if i > 1 or i == 1 %}
{% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
{% endif %}
<a href="{{ url }}" class="cblue nodeco {{ title_lines }} {% if i == 1 %} mt1p5em{% endif %}{% if type != "articles" %} reverse{% endif %}">
<div class="fw500 fs20 preview-h3 {{ title_lines }} lh28">{{ title }}</div>
</a>
</div>
<div class="mta">
<div class="mt-12px">
<div class="dflex jcsb mt-8px">
<div class="preview-contributors">
{% include "users/contributorAlaune.html.twig" with {contributors: hitContributors} %}
</div>
{% if readtime is defined and readtime is not empty %}
<div class="cgrey fs14 lh20">{{ readtime }}
min de lecture
</div>
{% endif %}
</div>
</div>
<span class="cgrey fs14 lh20">PubliƩ le
{% if authored is defined and authored is not empty %}
{{ authored|format_datetime('short', 'none', locale='fr') }}
{% endif %}
</span>
</div>
</div>