<div class="col-sm-16 col-md-16" id="events">
    <div class="events_single box box-full">
        <div class="box-title events_single--title clearfix">
            <div class="trapezoidal trapezoidal-sm">
                <h3 class="trapezoidal-title">
                    <i class="fa fa-calendar"></i> Agenda
                </h3>
            </div>
        </div>
        <div class="events_single--body">
            <div class="list-group">
              {% for item in agenda %}
                <a href="{{ item.link }}" class="list-group-item">
                    <h4 class="list-group-item-heading">{{ item.title }}</h4>
                    <p class="list-group-item-text">{{ item.date }}</p>
                </a>
               {% endfor %}
                <a href="https://www.vincennes/Agenda" class="list-group-item see-all">
                    <p class="list-group-view-all color1">
                        <i class="fa fa-plus-circle"></i> Voir tout l'agenda
                    </p>
                </a>

            </div>
        </div>
    </div>

<div class="news_single box box-full">
    <div class="box-title news_single--title clearfix">
        <div class="trapezoidal trapezoidal-sm">
            <h3 class="trapezoidal-title">
            <i class="fa fa-file-text-o ">
            </i>
            Actualités </h3>
        </div>
    </div>
    <div class="news_single--body">
        <div class="list-group">
            {% for item in actualites %}
                <a href="{{ item.link }}" class="list-group-item">
                    <h4 class="list-group-item-heading">{{ item.title }}</h4>
                    <p class="list-group-item-text">{{ item.date }}</p>
                </a>
               {% endfor %}
            <a href="{{site_vincennes_url}}/Actualites" class="list-group-item see-all">
            <p class="list-group-view-all color2">
                <i class="fa fa-plus-circle">
                </i>
                Voir toute l'actualité
            </p>
            </a>
        </div>
    </div>
</div>
</div>


<div id="promo" class="col-xs-8 col-sm-5 col-md-16">
<div id="sondage">
<a href="{{ magazine.link }}" class="good_to_know box box-full">
  <img src="{{ magazine.image }}" width="100%" class="img-responsive">
</a>
       <a href="{{ autopromo.link }}" class="good_to_know box box-full">
   <img src="{{ autopromo.image }}" width="100%" class="img-responsive">
</a>
</div>
</div>


    <!--div id="right_bar" class="right_bar col-xs-8 col-sm-6 col-lg-1">
        <a data-toggle="modal" href="#myModal" class="right_bar--sondage btn">Sondage</a>        
        <a href="{{ site_vincennes_url }}/Newsletter" class="right_bar--newsletter btn">Newsletter</a>
        <a href="https://www.facebook.com/pages/Vincennes-ma-ville-/233686538037" class="right_bar--facebook btn"><i class="fa fa-facebook"></i></a>
        <a href="https://twitter.com/Vincennes_94300" class="right_bar--twitter btn"><i class="fa fa-twitter"></i></a>
        <a href="http://www.dailymotion.com/vincennestv" class="right_bar--dailymotion btn"><img src="{{ site_base }}{{ STATIC_URL }}img/logo_dailymotion@2x.png" width="56" height="56" alt=""></a>
        <a href="{{ site_vincennes_url}}/flux-rss" class="right_bar--rss btn"><i class="fa fa-rss"></i></a>
    </div-->
