Index: trunk/docs/_static/default.css
===================================================================
--- trunk/docs/_static/default.css	(revision 124)
+++ trunk/docs/_static/default.css	(revision 125)
@@ -71,4 +71,41 @@
     float: right;
 }
+
+/* -- Custom Sidebar styles ----------------------------------------------------------- */
+
+.categories{
+	background: #563404;
+        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee920c', endColorstr='#ffcd0b'); /* for IE */
+        background:-webkit-gradient(linear, left top, left bottom, from(#ee920c), to(#ffcd0b)); /* for webkit browsers */
+        background:-moz-linear-gradient(top,  #ee920c,  #ffcd0b); /* for firefox 3.6+ */
+	font-size: 1.3em;
+	width: 98%;
+	margin-bottom: 1em;
+	border:0;
+	padding:1%;
+	text-shadow: 1px 1px 1px #E0E0E0;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+        border-radius: 5px;
+}
+
+.twitts, .donate {
+    -moz-border-radius: 5px 5px 5px 5px;
+    background: -moz-linear-gradient(center top , #FFFFFF, #FFCD0B) repeat scroll 0 0 transparent;
+    border: 0 none;
+    height: 180px;
+    margin-bottom: 1em;
+    padding: 1%;
+    width: 98%;
+}
+
+p.version{
+color:#FFFFFF;
+text-shadow: none;
+margin:0 0 10px 10px ;
+padding:0;
+}
+
+/* -- End Custom Sidebar styles ----------------------------------------------------------- */
 
 div.sphinxsidebar h3 {
Index: trunk/docs/_templates/indexsidebar.html
===================================================================
--- trunk/docs/_templates/indexsidebar.html	(revision 124)
+++ trunk/docs/_templates/indexsidebar.html	(revision 125)
@@ -1,23 +1,20 @@
-<table width="100%" cellspacing="10" style="width: 100%; background-color: #b8b9bb;">
-  <tr>
-    <td>
-      <a href="download.html">
-        <img src="{{ pathto("_static/download.png", 1) }}" border="0px;" />
-      </a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=tSBDSUrN-pN-d3zZtpiuiW-QNEbjlnxta6hy1rmeICIKlJAxpPcpvK6npbi&dispatch=5885d80a13c0db1f8e263663d3faee8d5fa8ff279e37c3d9d4e38bdbee0ede69">
-        <img src="{{ pathto("_static/images/donate.jpg", 1) }}" border="0px;" />
-      </a>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <a href="http://twitter.com/ZOO_Project">
-        <img src="{{ pathto("_static/images/twitter.jpg", 1) }}" border="0px;" />
-      </a>
-    </td>
-  </tr>
-</table>
+<div class="categories">
+  <a href="{{ pathto('dl/index') }}"><h1>Download now !</h1>
+        <p class="version">ZOO Version 1.0</p></a>
+</div>
+<div class="donate">
+  <h1 id="SupportZOO-Project">Support ZOO-Project</h1>
+    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="text-align: center;">
+      <input type="hidden" name="cmd" value="_s-xclick"></input>
+      <input type="hidden" name="hosted_button_id" value="WTHKTUQBHBHSQ"></input>
+      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="border:0"></input>
+      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></img>
+    </form>
+</div>
+<div class="twitts">
+  <h1 id="FollowtheZOO">Follow the ZOO</h1>
+    <p>
+      <a style="padding:0; border:none" href="http://twitter.com/ZOO_Project"><img src="http://a0.twimg.com/a/1291253242/images/fronts/logo_withbird_home.png" alt="http://a0.twimg.com/a/1291253242/images/fronts/logo_withbird_home.png" title="http://a0.twimg.com/a/1291253242/images/fronts/logo_withbird_home.png"></img></a>
+    </p>
+</div>
+