--- a/crea/inte-crea/home.html	Wed Oct 26 16:51:02 2011 +0200
+++ b/crea/inte-crea/home.html	Wed Nov 02 16:13:21 2011 +0100
@@ -41,19 +41,19 @@
                 <h2>Derniers médias</h2>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
                 <div class="bulle_annot">250</div>
                 <p><a href="#"><b>ENMI 2011 - La confiance : Bernard Stiegler</b></a></p>
                 <p>par <a class="under" href="#">IRI</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
                 <div class="bulle_annot">250</div>
                 <p><a href="#"><b>ENMI 2011 - La confiance : Bernard Stiegler</b></a></p>
                 <p>par <a class="under" href="#">IRI</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="294" height="165" /></a>
                 <div class="bulle_annot">250</div>
                 <p><a href="#"><b>ENMI 2011 - La confiance : Bernard Stiegler</b></a></p>
                 <p>par <a class="under" href="#">IRI</a> | 1h30</p>
@@ -67,49 +67,49 @@
                 <h2>Médias les plus annotés</h2>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
             </li>
             <li class="li_media">
-                <a href="#"><img src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
+                <a href="#"><img class="img_media" src="img/placeholder_16_9.jpg" width="134" height="75" /></a>
                 <div class="bulle_annot">120</div>
                 <p><a href="#"><b>Lorem Ipsum</b></a></p>
                 <p class="font_11">par <a class="under" href="#">Ars Industrialis</a> | 1h30</p>
@@ -124,7 +124,7 @@
             </li>
             <li class="li_media">
                 <div class="img_groupes_actifs">
-                    <a href="#"><img src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
+                    <a href="#"><img class="img_media" src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
                 </div>
                 <div class="txt_groupes_actifs">
                     <div class="bulle_people">57</div>
@@ -135,7 +135,7 @@
             </li>
             <li class="li_media">
                 <div class="img_groupes_actifs">
-                    <a href="#"><img src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
+                    <a href="#"><img class="img_media" src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
                     <div class="lock_group"></div>
                 </div>
                 <div class="txt_groupes_actifs">
@@ -147,7 +147,7 @@
             </li>
             <li class="li_media">
                 <div class="img_groupes_actifs">
-                    <a href="#"><img src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
+                    <a href="#"><img class="img_media" src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
                 </div>
                 <div class="txt_groupes_actifs">
                     <div class="bulle_people">57</div>
@@ -158,7 +158,7 @@
             </li>
             <li class="li_media">
                 <div class="img_groupes_actifs">
-                    <a href="#"><img src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
+                    <a href="#"><img class="img_media" src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
                     <div class="lock_group"></div>
                 </div>
                 <div class="txt_groupes_actifs">
@@ -170,7 +170,7 @@
             </li>
             <li class="li_media">
                 <div class="img_groupes_actifs">
-                    <a href="#"><img src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
+                    <a href="#"><img class="img_media" src="img/placeholder_4_3.jpg" width="54" height="40" /></a>
                 </div>
                 <div class="txt_groupes_actifs">
                     <div class="bulle_people">57</div>