ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
ul.liste-de-l-accueil span { display:block;}
-ul.liste-de-l-accueil .la-date {font-size:1.1em;}
+ul.liste-de-l-accueil .la-date { font-size:1.1em; }
+ul.liste-de-l-accueil a.la-date { color:black; }
ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
ul.liste-de-l-accueil .le-resume a { display:inline;}
<ul class="liste-de-l-accueil">
{% for site in sites %}
<li>
- <a href="{% url sitotheque.views.retrieve site.id %}" class="le-titre">{{ site }}</a>
- <a href="{{ site.url }}" class="le-titre">{{ site.url }}</a>
+ <a href="{% url sitotheque.views.retrieve site.id %}" class="le-titre">{{ site|truncatewords:20 }}</a>
+ <a href="{{ site.url }}" class="la-date">{{ site.url }}</a>
{% if site.discipline.all.count %}<span class="la-date">Disciplines : {{ site.discipline.all|join:", " }}</span>{% endif %}
</li>
{% endfor %}