diff --git a/trac/htdocs/common/css/libcaca.css b/trac/htdocs/common/css/libcaca.css
new file mode 100644
index 0000000..818b622
--- /dev/null
+++ b/trac/htdocs/common/css/libcaca.css
@@ -0,0 +1,135 @@
+body {
+    background: #552701 /*url(/browser/web/trunk/static/img/libcaca.png?format=raw) no-repeat top center*/;
+    color: white;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+}
+.corps {
+    margin: 0 5%;
+}
+h1, h2, h3, h4, #main {
+    background: #fff;
+    color: #2C1F1C;
+    font-family: "URW Gothic L", Helvetica, Verdana;
+    padding: 0 1em;
+}
+#header img {
+    margin: 0 0 -47px;
+    width: 540px;
+}
+h1, h2, h3 {
+    border-color: #984601;
+}
+
+#siteheader, #banner, #mainnav,.nav {
+    font-family:"Arial","Geneva",sans-serif;
+}
+#mainnav {
+    margin: 0;
+    background: #C46300;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border: none;
+    font-weight: bold;
+    font-size: 12px;
+}
+.nav {
+    text-align: right;
+    font-size: 12px;
+}
+
+#mainnav :link, #mainnav :visited {
+    background-image: none;
+    border-color: #984601;
+}
+
+#mainnav :link, 
+#mainnav :visited,
+#mainnav :link:hover,
+#mainnav :visited:hover,
+#mainnav .active :link, 
+#mainnav .active :visited,
+#mainnav .active :link:hover, #mainnav .active :visited:hover {
+    border-right: none;
+}
+.nav li.last {
+border-right: none !important;
+}
+#mainnav li.last,
+#mainnav li.last :link:hover,
+#mainnav li.last :visited:hover,
+#mainnav li.last.active :link, 
+#mainnav li.last.active :visited,
+#mainnav li.last.active :link:hover, 
+#mainnav li.last.active :visited:hover {
+    -moz-border-radius-topright: 5px;
+}
+#mainnav .active :link, #mainnav .active :visited {
+    background: #984601;
+    color: #2C1F1C;
+}
+#mainnav :link:hover, #mainnav :visited:hover, #mainnav .active :link:hover, #mainnav .active :visited:hover {
+    background: #2C1F1C;
+    color: #984601;
+}
+:link, :visited {
+    color: #984601;
+    border-bottom: none;
+}
+#mainnav li {
+    border-right-color: #984601;
+    padding: 0.25em;
+}
+:link:hover, :visited:hover {
+    color: #2C1F1C;
+}
+
+#metanav :link:hover, #metanav :visited:hover { 
+    color: #984601;
+    background: none;
+}
+#loginguest a:hover, #metanav :link, #metanav :visited {
+    color: #fff;
+}
+#metanav ul {
+    font-weight: normal;
+}
+
+/* formulaires */
+
+input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
+    background: #984601;
+}
+input[type="button"], input[type="submit"], input[type="reset"] {
+    background: #C46300;
+    border: 1px outset #984601;
+    -moz-border-radius: 4px;
+}
+input[type="text"], input.textwidget, textarea {
+    border: 1px solid #C46300;
+}
+legend {
+    color: #984601;
+}
+
+fieldset {
+    border-color: #984601;
+}
+
+#content.ticket {
+    margin: 0 auto;
+}
+.buttons {
+    text-align: center;
+}
+.buttons input {
+    margin: 0.5em;
+}
+#field-description {
+    background: url(../dashit-light.png) no-repeat right bottom;
+}
+a.ext-link .icon {
+    background-position: right center;
+    padding-right: 16px;
+}