diff --git a/intranet/static/css/cransFactures.css b/intranet/static/css/cransFactures.css
new file mode 100644
index 00000000..eb9fbb78
--- /dev/null
+++ b/intranet/static/css/cransFactures.css
@@ -0,0 +1,145 @@
+/********************************************
+ *  <!-- disposition générale -->
+********************************************/
+#globalDiv {
+    padding-left:200px;
+    position: relative;
+}
+
+ul#actionMenu {
+        list-style-type:none;
+        position:absolute;
+         width:190px;
+         top:0;
+         left:0;
+         margin:20px;
+         padding:0;
+}
+
+h2 {
+    font-size:1.4em;
+    margin:2px;
+}
+td, tr {
+    margin:0;
+}
+
+#factureListDiv {
+		padding:5px;
+        background:#fad163;
+}
+
+#factureListDiv table#listeFactures {
+		padding:0;
+		width:100%;
+}
+
+.factureRow {
+        margin:2px;
+		position:relative;
+}
+
+.factureRow .factureSummary {
+    height:30px;
+		font-weight:bold;
+    padding:10px 20px;
+    background:#fff7D7;
+}
+.factureRow .factureSummary span.intitule {
+        float:left;
+}
+
+.factureRow .factureSummary span.montant {
+        float:right;
+        text-align:right;
+}
+
+.tdNoFactures {
+    text-align:center;
+    font-size:1.2em;
+    background-color:#fff7D7;
+    color:#666;
+    margin:0;
+    padding:5px;
+}
+
+.facturePayee {
+}
+.factureNonPayee .factureSummary {
+	color:red;
+}
+
+
+/********************************************
+ *  <!-- factures - details -->
+********************************************/
+
+table.factureDetails {
+	background: #fff7D7 url(../images/fondFacturesDetails.png) repeat-x top;
+	padding:1%;
+	width:96%;
+	margin:0 1% 10px 1%;
+}
+
+.tdTotalDetail,
+.tdTotalDetailIntitule {
+    border-top:thin black solid;
+}
+
+.tdTotalDetailIntitule {
+    text-align:right;
+    font-weight:bold;
+}
+
+table.factureDetails th {
+	border-bottom:thin black solid;
+}
+table.factureDetails th,
+table.factureDetails td {
+	border-right:thin black solid;
+	margin:0;
+	padding:5px 20px;
+}
+
+/********************************************
+ *  <!-- factures - divers -->
+********************************************/
+.note {
+    display:block;
+    font-size:small;
+    margin:3px;
+    font-weight:normal;
+}
+span.note {
+    color:#666
+}
+
+.linkToggle {
+	display:block;
+	float:left;
+	height:15px;
+	width:15px;
+	background:transparent url(../images/fl.png) top left;
+	margin-right:1px;
+}
+
+/********************************************
+ *  <!-- factures - historique -->
+********************************************/
+
+table#historique_sous {
+	width:100%;
+}
+
+table#historique_sous td {
+	background:#fff7D7;
+	padding:5px;
+	text-align:center;
+	border-top:2px #fad163 solid;
+}
+
+table#historique_sous th {
+	background:#fff7D7;
+	padding:5px;
+	text-decoration:underline;
+}
\ No newline at end of file
diff --git a/intranet/static/css/impression.css b/intranet/static/css/impression.css
new file mode 100644
index 00000000..1233b8db
--- /dev/null
+++ b/intranet/static/css/impression.css
@@ -0,0 +1,147 @@
+/* ****************************************** *
+ *  <!-- disposition générale -->
+ * ****************************************** */
+#globalDiv {
+        padding-left:200px;
+        position: relative;
+}
+
+ul#actionMenu {
+        list-style-type:none;
+        position:absolute;
+        width:150px;
+        top:0;
+        left:0;
+        margin:20px;
+        padding:0;
+}
+ul#actionMenu li {
+    clear:both;
+}
+/* ****************************************** *
+ *   <!-- file name -->
+ * ****************************************** */
+#fileName {
+    width:150px;
+    text-align:center;
+    float:left;
+ 	padding:50px 5px 5px 5px;
+	height:20px;
+	background: url(../images/pdf-icon.png) center top no-repeat;
+	margin-top:-30px;
+	margin-bottom:10px;
+}
+
+/* ******************************************* *
+ *  <!-- formulaire reglages impression -->
+ * ******************************************* */
+form#form_impression {
+  margin: 0px;
+  font-size: 100%;
+  min-width:600px;
+}
+form#form_impression #preview {
+    border:1px black solid;
+    width:150px;
+    height:150px;
+    padding:10px;
+    background-color:#C0C0C0;
+
+}
+
+form#form_impression #rightColumn {
+  margin:10px 10px 10px 240px;
+}
+
+form#form_impression #leftColumn {
+    float:left;
+    width:170px;
+    margin:10px;
+    padding:0;
+}
+
+form#form_impression fieldset fieldset {
+margin:10px;
+}
+form#form_impression>fieldset {
+  position:relative;
+  padding:20px;
+}
+
+.clear {
+    clear:both;
+}
+
+form#form_impression .bouttons {
+    text-align:right;
+}
+
+
+form#form_impression label.labelInput {
+    display:block;
+    width:4em;
+    margin-right:4px;
+    float:left;
+    text-align:right;
+}
+
+/* ****************************************** *
+ *   <!-- popup choix fichier -->
+ * ****************************************** */
+#popupFichiers {
+	background:#AE0F3E;
+    z-index:500;
+    float:left;
+    position:fixed;
+    min-width:450px;
+    top:110px;
+    left:20%;
+    right:20%;
+    padding:0;
+}
+#popupFichiers #insideDiv {
+	background:white;
+	margin:2px 5px;
+}
+#popupFichiers #insideDiv form {
+	margin:2px 5px;
+}
+#popupFichiers h1 {
+    font-size:1em;
+    margin:0;
+    text-align:center;
+    color:white;
+}
+#popupFichiers h1:before {
+    content:url("../images/WindowTitleLogo.png");
+    margin-right:5px;
+}
+
+#popupFichiers h2 {
+	font-size:1.1em;
+	border-bottom:thin black solid;
+}
+#popupFichiers select,
+#popupFichiers input.file {
+	width:100%;
+}
+
+.button {
+	float:right;
+}
+
+/* ****************************************** *
+ *   <!-- popup impression en cours -->
+ * ****************************************** */
+div#printingPopupContent {
+	background: white url("../images/printer.png") left center no-repeat;;
+    padding:10px 10px 10px 115px;
+    min-height:100px;
+}
+
+#printingPopupContent a,
+#printingPopupContent span {
+    display:block;
+    font-weight: bold;
+    margin:5px 0;
+}
\ No newline at end of file
diff --git a/intranet/static/css/mainInterface.css b/intranet/static/css/mainInterface.css
new file mode 100644
index 00000000..b9e4e5a0
--- /dev/null
+++ b/intranet/static/css/mainInterface.css
@@ -0,0 +1,198 @@
+/*************************************************************
+                                           ..               
+                      ....  ............   ........         
+                    .     .......   .            ....  ..   
+                  .  ... ..   ..   ..    ..   ..... .  ..   
+                  .. .. ....@@@.  ..  .       ........  .   
+             ..  .  .. ..@.@@..@@.  .@@@@@@@   @@@@@@. .... 
+        .@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... .... 
+      @@@@... .@@@.. @@ @@  .@..@@..@@...@@@.  .@@@@@.    ..
+    .@@@..  . @@@.   @@.@@..@@.@@..@@@   @@ .@@@@@@..  .....
+   ...@@@.... @@@    .@@.......... ........ .....        .. 
+  . ..@@@@.. .         .@@@@.   .. .......  . ............. 
+ .   ..   ....           ..     .. . ... ....               
+.    .       ....   ............. .. ...                    
+..  ..  ...   ........ ...      ...                         
+ ................................   
+
+==============================================================
+mainInterface.css - Intranet Style                                                                                                     
+
+    STYLE GLOBAL ET MISE EN PAGE DES ELEMENTS COMMUNS
+    
+
+Copyright (c) 2006 by www.crans.org
+
+**************************************************************/
+
+/* STYLE GLOBAL   
+    - body
+    - liens
+    - titres
+    - images
+    - ...
+*/
+
+body
+{
+    background:white;
+    padding:150px 5px 5px 5px;
+    margin:0;
+}
+
+a, a:hover, a:visited {color:blue;}
+
+h1#pageTitle {
+    border:5px solid #e2e2e2; /* #acc0ff */
+    background-color:#f2f2f2;
+    width:100%;
+    margin:0;
+}
+
+img {
+    border:none;
+}
+
+
+div#pageContent {
+    padding:0;
+    margin:10px;
+}
+
+/**************************************************************************/
+
+
+/* LE HAUT DES PAGES
+    - le logo a gauche
+    - petit menu a droite
+*/
+
+div#topContent {
+    position:absolute;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:150px;
+    padding:0;
+}
+
+img#main_topContentLogo {
+    height:100%;
+}
+/*<!-- MENU EN HAUT -->*/
+
+ul#main_topContentMenu {
+    /* Position */
+    z-index:2;
+    position:absolute;
+    right:0px;
+    top:0px;
+    /* taille */
+    height:30px;
+    float:right;
+    /* disposition */
+    padding:0;
+    margin:0;
+    background:transparent;
+    /* suppression des puces de liste */
+    list-style-type: none;
+}
+
+ul#main_topContentMenu li {
+    float:left;
+    padding:0 10px;
+    border-right:1px black solid;
+}
+ul#main_topContentMenu li.last {
+    border-right-style:none;
+}
+
+ul#main_topContentMenu hr, div#topMenu h1 {
+    display:none;
+}
+
+/**************************************************************************
+ *    LE BAS DES PAGES
+ **************************************************************************/
+/*<!-- footer -->*/
+
+#mainFooter {
+	text-align:center;
+	color:gray;
+	font-size:small;
+}
+#mainFooter a {
+	color:gray;
+	margin:5px;
+}
+
+/**************************************************************************
+ *    DIVERS
+ **************************************************************************/
+
+
+/*<!-- MENU A GAUCHE -->*/
+#leftMenu ul {
+    list-style-type: none;
+    /* disposition */
+    padding:0 25px;
+}
+
+#leftMenu h2 {
+    display:none;
+}
+
+
+div.visualClear {clear:both;}
+
+div.framed_gray {
+    border:5px solid #e2e2e2; /* #acc0ff */
+    background-color:#f2f2f2;
+    padding:10px;
+}
+
+div.framed_gray fieldset {
+    border-width:2px;
+    border-style:solid none none none;
+    border-color:#a2a2a2;
+    padding:10px;
+    margin:10px 10px;
+}
+
+div.framed_gray fieldset legend {
+    color:#a2a2a2;
+}
+
+div.framed_gray fieldset ul {
+    list-style-type:none;
+    margin:0;
+    padding:0;
+}
+
+div.framed_gray fieldset ul li {
+    float:left;
+    height:70px;
+    width:100px;
+    margin:5px;
+    display:block;
+    text-align:center;
+}
+
+div.framed_gray fieldset ul li span {
+    margin-bottom:0;
+    display:block;
+}
+div.framed_gray fieldset ul a {
+    color:black;
+    text-decoration:none;
+}
+
+div.framed_gray fieldset ul li img {
+    margin:2px auto;
+    width:32px;
+    height:32px;
+}
+
+.aide {
+    font-size:0.8em;
+}
\ No newline at end of file
diff --git a/intranet/static/css/monCompte.css b/intranet/static/css/monCompte.css
new file mode 100644
index 00000000..dee05eef
--- /dev/null
+++ b/intranet/static/css/monCompte.css
@@ -0,0 +1,360 @@
+/********************************************
+ *  <!-- disposition générale -->
+********************************************/
+#globalDiv {
+    padding-left:100px;
+}
+
+/* style du titre au  dessus des onglet et des titres pour les pages PayPal */
+div.domtab>h1, 
+h2 {
+    font-size:1.4em;
+    margin:2px;
+}
+
+
+/********************************************
+ *  <!-- onglets -->
+********************************************/
+/* conteneur de l'ensemble */
+div.domtab{
+    padding:3px;
+    width:100%;
+    font-size:90%;
+    background:#fad163;
+    clear:left;
+}
+
+/* onglets */
+ul.domtabs{
+    float:left;
+    width:100%;
+    margin:0;	
+    padding:0;
+    list-style-type:none;
+			
+}
+ul.domtabs li{
+    float:left;
+}
+ul.domtabs a:link, 
+ul.domtabs a:visited, 
+ul.domtabs a:active, 
+ul.domtabs a:hover{
+    font-weight:bold;
+    display:block;
+    padding:0.4em;
+    text-align:center;
+    background:#fad163;
+}
+
+ul.domtabs li.active a:link,
+ul.domtabs li.active a:visited,
+ul.domtabs li.active a:active,
+ul.domtabs li.active a:hover{
+    background:#fff7D7;
+    color:#000;
+    text-decoration:none;
+}
+
+/* les pages */
+div.domtab>div {
+    padding:0;
+    clear:both;
+    border:5px solid #fff7D7;
+}
+/* ancre des pages */
+.mark {
+    height:0;
+    clear:both;
+    display:none;
+}
+
+/********************************************
+ *  <!-- division des pages -->
+********************************************/
+.tabbed_page {
+    padding:0;
+    margin:0;
+}
+
+ul.tabbed_page {
+    list-style-type:none;
+}
+
+dl.tabbed_page>dt, 
+dl.tabbed_page>dd, 
+ul.tabbed_page>li {
+    background:#fff7D7;
+    padding:10px;
+    margin:0 0 2px 0;
+    font-weight:bold;
+}
+dl.tabbed_page>dt.last, 
+dl.tabbed_page>dd.last, 
+ul.tabbed_page>li.last {
+    margin:0 0 0 0;
+}
+
+dl.tabbed_page>dt {
+    width:40%;
+    display:block;
+    height:100%;
+    float:left;
+    clear:left;
+}
+
+dl.tabbed_page>dd {
+    padding-left:45%;
+}
+
+span.actions {
+    display:block;
+    float:right;
+    font-size:0.9em;
+    font-weight:normal;
+}
+.tabbed_page span.actions a {
+    margin:2px 10px;
+}
+
+
+.tabbed_page dl, 
+.tabbed_page dl dt, 
+.tabbed_page dl dd {
+    margin:0;
+    padding:0;
+}
+
+.tabbed_page dl dt {
+    float:left;
+    margin-right:5px;
+}
+
+.tabbed_page dl dd, 
+.tabbed_page p {
+    font-weight:normal;
+    margin:3px;
+}
+
+
+span.valide {
+    color:green;
+    font-weight:bold;
+}
+
+span.invalide {
+    color:red;
+    font-weight:bold;
+}
+
+.clear {
+    clear:both;
+}
+
+ul.tabbed_page li.centrer {
+    padding:10px;
+    margin-left:0;
+    text-align:center;
+}
+
+
+/********************************************
+ *  <!-- formulaires -->
+********************************************/
+
+.textInputNote {
+    display:block;
+    padding-left:0;
+    font-size:0.8em;
+    font-weight:normal;
+}
+
+dd .textInputNote {
+    padding-left:0;
+}
+li .textInputNote {
+    padding-left:175px;
+}
+
+label.textInputLabel{
+    width:175px;
+    display:block;
+    float:left;
+}
+
+label.checkBoxLabel{
+    float:none;
+    padding-left:175px;
+}
+
+/********************************************
+ *  <!-- liste machines -->
+********************************************/
+dl#machineList,
+dl#machineList>dt {
+    margin:0;
+    padding:0;
+}
+#machineList>dt {
+    
+    font-size:1.2em;
+    font-weight:bold;
+    margin:5px 5px 5px 5px; 
+    height:30px;
+    padding:10px 20px;
+    background:#fff7D7;
+}
+#machineList>dd {
+	margin:0 0 2px 0;
+}
+.linkToggle {
+	display:block;
+	float:left;
+	height:15px;
+	width:15px;
+	background:transparent url(../images/fl.png) top left;
+	margin-right:1px;
+}
+/********************************************
+ *  <!-- infos machines -->
+********************************************/
+.machineDetails {
+	background: #fff7D7;/*/ url(../images/fondFacturesDetails.png) repeat-x top;*/
+	padding:0;
+	/*width:96%;*/
+	display:none;
+	margin:0;
+}
+
+dl.machineInfos dt, dl.machineInfos dd {
+    float:left;
+    margin-top:0;
+    padding:.1em;
+    display:block;
+    width:20%;
+}
+
+dl.machineInfos dt {
+    text-align:right;
+    width:20%;
+
+}
+/********************************************
+ *  <!-- liste alias -->
+********************************************/
+ul.listeAlias {
+    list-style-type:none;
+    margin:0;
+    padding:0;
+}
+ul.listeAlias li span {
+    color:#666;
+}
+
+
+/********************************************
+ *  <!-- messages -->
+********************************************/
+#loadings {
+    background:#cc0000;
+    position:fixed;
+    top:1px;
+    right:1px;
+    z-index:1000;
+    display:none;
+    padding:2px 3px;
+    color:white;
+}
+
+.messageText {
+    padding:2px 10px;
+    display:block;
+}
+#messagePlaceHolder {
+    height:0;
+    overflow:visible;
+    position:relative;
+    top:-4em;
+}
+
+.message {
+    padding:0;
+    background:#fad163;
+    width:300px;
+    text-align:center;
+    margin : 1px auto 10px auto;
+}
+.errorMessage {
+    display:block;
+    background:white;
+    border:2px #cc0000 solid;
+    padding:5px;
+    text-align:center;
+    min-width:230px;
+    max-width:430px;
+    font-weight:bold;
+    margin : 1px auto 10px auto;
+}
+
+/********************************************
+ *  <!-- popup PayPal -->
+********************************************/
+div#popupInnerBody {
+    border:5px solid #fad163;
+	background: #fff7D7;
+    margin:5px;
+    padding:5px;
+}
+
+div#popupInnerBody .liens {
+    list-style-type:none;
+    float:right;
+    height:1em;
+	background: #fff7D7;
+    border-color:#fad163;
+    border-style: none solid solid solid;
+    border-width:3px;
+    margin:0;
+    padding:2px;
+}
+
+div#popupInnerBody .liens a {
+    display:block;
+    height:1em;
+    float : left;
+    margin:0 5px;
+}
+
+a { color:blue; }
+
+/********************************************
+ *  <!-- factures - details -->
+********************************************/
+
+table.factureDetails {
+	padding:1%;
+	width:96%;
+	margin:0 1% 10px 1%;
+}
+
+
+.tdTotalDetail,
+.tdTotalDetailIntitule {
+    border-top:thin black solid;
+}
+
+.tdTotalDetailIntitule {
+    text-align:right;
+    font-weight:bold;
+}
+
+table.factureDetails th {
+	border-bottom:thin black solid;
+}
+table.factureDetails th,
+table.factureDetails td {
+	border-right:thin black solid;
+	margin:0;
+	padding:5px 20px;
+}
\ No newline at end of file