diff --git a/intranet/static/css/accueil.css b/intranet/static/css/accueil.css
index 8c9db7ce..751bcffc 100644
--- a/intranet/static/css/accueil.css
+++ b/intranet/static/css/accueil.css
@@ -16,18 +16,18 @@
  ................................   
 
 ==============================================================
-mainInterface.css - Intranet Style                                                                                                     
+mainInterface.css - Intranet Style
 
     Mise en page de l'accueil
-    
+
 
 Copyright (c) 2006 by www.crans.org
 
 **************************************************************/
 
 div.framed_gray {
-    border:5px solid RoyalBlue; /* #acc0ff */
-    background-color: LightBlue;
+    border:5px solid #e2e2e2; /* #acc0ff */
+    background-color:#f2f2f2;
     padding:10px;
 }
 
diff --git a/intranet/static/css/form.css b/intranet/static/css/form.css
new file mode 100644
index 00000000..d7a05344
--- /dev/null
+++ b/intranet/static/css/form.css
@@ -0,0 +1,262 @@
+/* form.css */
+
+form * {
+  margin: 0px;
+  padding: 0px;
+}
+
+form {
+  margin: 0px;
+  padding: 0px;
+  font-size: 100%;
+  min-width: 570px;
+  max-width: 570px;
+  width: 570px;
+}
+
+form fieldset {
+  clear: both;
+  font-size: 100%;
+  border-color: #000000;
+  border-width: 1px 0px 0px 0px;
+  border-style: solid none none none;
+  padding: 10px;
+  margin: 0px 0px 0px 0px;
+}
+
+form fieldset legend {
+  font-size: 150%;
+  font-weight: normal;
+  color: #000000;
+  margin: 0px 0px 0px 0px;
+  padding: 0px 5px;
+}
+
+label {
+  font-size: 100%;
+}
+
+label u {
+  font-style: normal;
+  text-decoration: underline;
+}
+
+input, select, textarea {
+  font-family: Tahoma, Arial, sans-serif;
+  font-size: 100%;
+  color: #000000;
+}
+
+textarea {
+  overflow: auto;
+}
+
+form div {
+  clear: left;
+  display: block;
+  height: expression('1%');
+  margin: 5px 0px 0px 0px;
+  padding: 1px 3px;
+}
+
+form fieldset div.notes {
+  float: right;
+  width: 158px;
+  height: auto;
+  margin: 0px 0px 10px 10px;
+  padding: 5px;
+  border: 1px solid #666666;
+  background-color: #ffffe1;
+  color: #666666;
+  font-size: 88%;
+}
+
+form fieldset div.notes h4 {
+  background-image: url(img/icon_info.gif);
+  background-repeat: no-repeat;
+  background-position: top left;
+  padding: 3px 0px 3px 27px;
+  border-width: 0px 0px 1px 0px;
+  border-style: solid;
+  border-color: #666666;
+  color: #666666;
+  font-size: 110%;
+}
+
+form fieldset div.notes p {
+  margin: 0em 0em 1.2em 0em;
+  color: #666666;
+}
+
+form fieldset div.notes p.last {
+  margin: 0em;
+}
+
+form div fieldset {
+  clear: none;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #666666;
+  margin: 0px 0px 0px 142px;
+  padding: 0px 5px 5px 5px;
+  width: 197px;
+}
+
+form div fieldset legend {
+  font-size: 100%;
+  padding: 0px 3px 0px 9px;
+}
+
+form div.required fieldset legend {
+  font-weight: bold;
+}
+
+form div label {
+  display: block;
+  float: left;
+  width: 130px;
+  padding: 3px 5px;
+  margin: 0px 0px 5px 0px;
+  text-align: right;
+}
+
+form div.optional label, label.optional {
+  font-weight: normal;
+}
+
+form div.required label, label.required {
+  font-weight: bold;
+}
+
+form div label.labelCheckbox, form div label.labelRadio {
+  float: none;
+  display: block;
+  width: 200px;
+  height: expression('1%');
+  padding: 0px;
+  margin: 0px 0px 5px 142px;
+  text-align: left;
+}
+
+form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
+  margin: 0px 0px 5px 0px;
+  width: 170px;
+}
+
+form div img {
+  border: 1px solid #000000;
+}
+
+p.error {
+  background-color: #ff0000;
+  background-image: url(/images/icon_error.gif);
+  background-repeat: no-repeat;
+  background-position: 3px 3px;
+  color: #ffffff;
+  padding: 3px 3px 5px 27px;
+  border: 1px solid #000000;
+  margin: auto 100px;
+}
+
+form div.error {
+  background-color: #ffffe1;
+  background-image: url(/images/required_bg.gif);
+  background-repeat: no-repeat;
+  background-position: top left;
+  color: #666666;
+  border: 1px solid #ff0000;
+}
+
+form div.error p.error {
+  background-image: url(/images/icon_error.gif);
+  background-position: top left;
+  background-color: transparent;
+  border-style: none;
+  font-size: 88%;
+  font-weight: bold;
+  margin: 0px 0px 0px 118px;
+  width: 200px;
+  color: #ff0000;
+}
+
+form div input, form div select, form div textarea  {
+  width: 200px;
+  padding: 1px 3px;
+  margin: 0px 0px 0px 0px;
+}
+
+
+
+form div input.inputFile {
+  width: 211px;
+}
+
+form div select.selectOne, form div select.selectMultiple {
+  width: 211px;
+  padding: 1px 3px;
+}
+
+form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
+  display: inline;
+  height: 14px;
+  width: 14px;
+  background-color: transparent;
+  border-width: 0px;
+  padding: 0px;
+  margin: 0px 0px 0px 140px;
+}
+
+form div.submit {
+  padding: 0px 0px 0px 140px;
+  text-align:right;
+}
+
+form div.submit div {
+  display: inline;
+  float: left;
+  text-align: left;
+  width: auto;
+  padding: 0px;
+  margin: 0px;
+}
+
+form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
+  background-color: #cccccc;
+  color: #000000;
+  width: auto;
+  padding: 0px 6px;
+  margin: 0px;
+}
+
+form div.submit div input.inputSubmit, form div.submit div input.inputButton {
+  float: right;
+  margin: 0px 0px 0px 5px;
+}
+
+form div small {
+  display: block;
+  margin: 0px 0px 5px 142px;
+  padding: 1px 3px;
+  font-size: 88%;
+  height: expression('1%');
+  width:200px;
+  
+}
+
+form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
+  width: 344px;
+  margin: 0px;
+}
+
+form div.notes p, form div small {
+  line-height: 125%;
+}
+
+form div.wide small {
+  margin: 0px 0px 5px 0px;
+}
+
+form div.wide label {
+  float: none;
+  display: block;
+}
diff --git a/intranet/static/css/login.css b/intranet/static/css/login.css
new file mode 100644
index 00000000..abdb3853
--- /dev/null
+++ b/intranet/static/css/login.css
@@ -0,0 +1,66 @@
+.block {
+    width:260px;
+    padding: 20px;
+    background: LightBlue;
+    border-right: 2px solid DarkSlateGrey;
+    border-bottom: 2px solid DarkSlateGrey;
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    margin:0 auto;
+    }
+.form {
+    width: 260px;
+    padding: 0;
+    margin: 0 auto;
+    }
+.liens {
+    text-align:right;
+    }
+.titre {
+    position: relative;
+    top: 50px
+    }
+label {
+    display:block;
+    float:left;
+    width:100%;
+    clear:both;
+}
+textInputLabel {
+    width:150px;
+}
+h2 {
+    right: 40px;
+    margin: 0;
+    padding:0 0 0 0;
+    position: relative;
+}
+img {
+    position: relative;
+    bottom:60px;
+    right:50px;
+    float:left;
+}
+div#message {
+	background: #faa;
+    border-right: 1px DarkRed solid;
+    border-bottom:1px DarkRed solid;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    padding:5px;
+    text-align:center;
+    font-weight:bold;
+    margin:10px auto 10px auto;
+    clear:both;
+}
+/*<!-- footer -->*/
+#mainFooter {
+  text-align:center;
+  color:gray;
+  font-size:small;
+}
+#mainFooter a {
+  color:gray;
+  margin:5px;
+}
+
diff --git a/intranet/templates/login.tmpl b/intranet/templates/login.tmpl
index a06f35ad..c87fe561 100644
--- a/intranet/templates/login.tmpl
+++ b/intranet/templates/login.tmpl
@@ -3,75 +3,7 @@
 <head>
     <meta content="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
     <title>Cr@ns Intranet</title>
-
-    <style type="text/css">
-    .block {
-        width:260px;
-        padding: 20px;
-        background: LightBlue;
-        border-right: 2px solid DarkSlateGrey;
-        border-bottom: 2px solid DarkSlateGrey;
-        -moz-border-radius: 20px;
-        -webkit-border-radius: 20px;
-        margin:0 auto;
-        }
-    .form {
-        width: 260px;
-        padding: 0;
-        margin: 0 auto;
-        }
-    .liens {
-        text-align:right;
-        }
-    .titre {
-        position: relative;
-        top: 50px
-        }
-    label {
-        display:block;
-        float:left;
-        width:100%;
-        clear:both;
-    }
-    textInputLabel {
-        width:150px;
-    }
-    h2 {
-        right: 40px;
-        margin: 0;
-        padding:0 0 0 0;
-        position: relative;
-    }
-    img {
-        position: relative;
-        bottom:60px;
-        right:50px;
-        float:left;
-    }
-    div#message {
-    	background: #faa;
-        border-right: 1px DarkRed solid;
-        border-bottom:1px DarkRed solid;
-        -moz-border-radius: 10px;
-        -webkit-border-radius: 10px;
-        padding:5px;
-        text-align:center;
-        font-weight:bold;
-        margin:10px auto 10px auto;
-        clear:both;
-    }
-    /*<!-- footer -->*/
-    #mainFooter {
-      text-align:center;
-      color:gray;
-      font-size:small;
-    }
-    #mainFooter a {
-      color:gray;
-      margin:5px;
-    }
-
-    </style>
+    <link rel="stylesheet" type="text/css" href="/static/css/login.css"/>
 </head>
 <body>
 <h1>Bienvenue sur Cr@nsIntranet</h1>