{% set featured = false %}

    {% set loop = 0 %}
    {% for post in posts %}
        {% set _loop = loop.index %}

        {% set _loop = loop.index %}
        {% if _loop == 1 %}
        <div class="category-trio edito" style="border:0;margin-top:0;">


            <article class="post" id="main">
                <header class="post-header" style="margin-bottom:20px;">
                    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{% if post.status.id != 1 %}<blink>BROUILLON</blink>{% else %}{{ post.publishedat|datetrans }} <span class="year">{{ post.publishedat|date('Y') }}</span>{% endif %}</time>
                    <h2 class="title post-title" style="text-align:center;font-size: 300%">{% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% else %}<a href="#" rel="nofollow">{% endif %}{{ post.title }}</a></h2>
                </header>
                {% for media in post.medias %}{% if loop.index == 1 %}
                    <div style="text-align:center">
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}" rel="nofollow">{% else %}<a href="#" rel="nofollow">{% endif %}
                    {{ media(media, {'thumbnail':true, 'width' : 800})|raw }}
                    </a>
                    </div>
                {% endif %}{% endfor %}
                <div class="post-content">
                        {{ post.description|decode_entities|autolink|truncate(2000) }}{% autoescape %}{% endautoescape %}
                        {% if post.categories.0 is defined %}<a style="color:#b6192b;display:block; text-align:right;" href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% else %}<a href="#">{% endif %}Lire la suite .../...</a>
                </div>
            </article>


        </div>
        <div class="clear"></div>
        {% endif %}
        
        
        
        {% if _loop > 1 %}
            {% if _loop == 2 %}
            <div class="category-trio" style="border: none; margin-top: 30px;">
            {% endif %}
            <article class="trio-{{loop.index - 1}}">

                {% for media in post.medias %}{% if loop.index == 1 %}
                    <div>
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{% else %}<a href="#">{% endif %}
                   
                    {% if _loop == 2 %}
                        {{ media(media, {'thumbnail':false, 'height': 320, 'width' : 500})|raw }}
                    {% else %}
                        {{ media(media, {'thumbnail':false, 'height': 160, 'width' : 280})|raw }}
                    {% endif %}
                    </a>
                    </div>
                {% endif %}{% endfor %}
                <header class="post-header">
                    <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{{ post.publishedat|datetrans }}<span class="year">{{ post.publishedat|date('Y') }}</span></time>
                </header>
                <h2 class="title post-title">{% if post.status.id != 1 %}<blink>[BROUILLON]</blink> {% endif %}
                    {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{{ post.title }}</a>{% endif %}
                </h2>
                <div class="post-content">{% if loop.index == 2 %}
                    <p class="post-content-{{loop.index}}">{{ post.description|decode_entities|autolink|truncate(300) }}</p>
                    {% endif %}
                </div>
            </article>

            {% if loop.index == 4 %}
                <div class="clear"></div>
            </div>
            {% endif %}

        {% endif %}
    {% endfor %}
        <p style="text-align:center;margin-top:0px;font-size:150%;text-transform:uppercase;"><a href="{{ path('category', {'categorySlug':'edito'}) }}" style="color:#b6192b;">Voir tous les éditos</a></p>
{#
<div style="background:#cdcdcc;border:#6d6d6d 1px solid; width: 728px; height: 90px; margin: auto;color: blue">Publicité</div>
#}