diff --git a/js/resources/css/styles.css b/js/resources/css/styles.css
new file mode 100755
index 0000000..b78ce9e
--- /dev/null
+++ b/js/resources/css/styles.css
@@ -0,0 +1,206 @@
+/*
+Design by Metamorphosis Design
+http://www.metamorphozis.com
+Released for free under a Creative Commons Attribution 2.5 License
+*/
+
+*
+{
+margin: 0px;
+padding: 0px;
+}
+
+a:link {
+	color: #A5A9B2;
+}
+
+a:hover {
+	text-decoration: none;
+	color: #FF0000;
+}
+
+a:visited {
+	color: #A5A9B2;
+}
+
+body {
+	
+	background: url(../images/ciel10.jpg) ;
+	font: 13px Arial, Helvetica, sans-serif;
+	color: #555555;
+	margin-top: 20px;
+}
+
+#content
+{
+	width: 738px;
+	margin: 0px auto;
+}
+
+#main
+{
+width: 710px;
+height: 320px;
+padding: 10px;
+padding-top: 20px;
+/*background: #ffffff; */
+background: #F6F3E7; 
+}
+
+#main2
+{
+width: 710px;
+height: 830px;
+padding: 10px;
+padding-top: 20px;
+/*background: #ffffff; */
+background: #F6F3E7; 
+}
+
+#back
+{
+width: 738px;
+}
+ 
+#right
+{
+	width: 215px;
+	float: right;
+}
+
+#right H3
+{
+width: 160px;
+height: 29px;
+font-size: 14px;
+font-weight: bold;
+padding-left:  0px;
+padding-top: 10px;
+text-transform: uppercase;
+text-decoration: underline;
+color: #555555;
+text-align: center;
+/*background: url(../images/test.png) no-repeat; */
+}
+
+#right H4
+{
+        margin: 0;
+        padding: 0px;
+        font-size: 12px;
+        color:#555555;
+}
+
+#right ul {
+	list-style: none;
+	margin-bottom: 10px;
+	padding-top: 10px;
+}
+ 
+#right li  {
+	padding: 4px;
+	padding-left: 20px;
+        padding-right: 20px;
+       
+}
+ 
+
+#right a {
+	color: #6495ED;
+}
+
+#right a:hover {
+	color: #ff0000;
+}
+
+#right p
+{
+font-size: 10px;
+padding-left: 10px;
+}
+
+
+#left
+{
+width: 450px;
+margin-left: 20px;
+}
+
+#left H4
+{
+	margin: 0;
+	padding: 0px;
+	font-size: 12px;
+	color:#555555;
+}
+
+#left a
+{
+color: #6495ED;
+text-decoration: none;
+}
+
+#left a:hover
+{
+color: #FF0000;
+text-decoration: none;
+}
+
+#left p {
+	margin: 5px;
+	padding: 0;
+}
+
+#left h2 {
+	margin: 0;
+	padding: 0;
+	padding-top: 0px;
+	color: #555555;
+}
+
+#left ol, #left ul
+{
+margin-left: 30px;
+}
+
+.date {
+	text-align: left;
+	color: #555555; 
+	font-size: 10px;
+
+}
+
+.date a {
+	color: #6495ED;
+
+}
+
+
+#footer {
+	height: 50px;
+	clear: both;
+	padding-top: 1px;
+}
+
+#footer p {
+	margin: 0;
+	font-size: 10px;
+	text-align: center;
+	color: #666666;
+}
+
+#footer a {
+	color: #666666;
+}
+
+#left .news {
+
+    font-size: 13px;
+    color: #003366;
+}
+
+#left .warning {
+
+    font-size: 13px;
+    color: #880000;
+}
--
libgit2 0.21.2