Fix #11 : Ajout d'un exemple de CSS personnalisée

Change-Id: I5e4e6c915d5878dcef7696e2bd72457c1a629192

Documentation/Developpeur/TEST_E2E_D&N_v2.md

@@ -72,7 +72,7 @@ Résultat attendu :
 
 * Dans la liste des utilisateurs, retrouver une ligne contenu `etude@notaire.fr` ET étant de profil *Etude notariale*
 
-# 7. Lien symbolique sur le dossier uploads
+## 7. Lien symbolique sur le dossier uploads
 
 1. Se positionner dans le dossier public de l'application
 1. Déplacer le dossier uploads dans /opt par exemple (ne fonctionne pas dans /tmp)
@@ -83,3 +83,18 @@ Résultat attendu :
 * Le logo s'affiche toujours dans l'entête et la page de connexion
 * Les prévisus des images s'affichent bien dans les paramètres de l'application
 
+## 8. CSS personnalisée
+
+1. Se positionner dans le dossier public de l'application
+1. Editer le fichier styles.css
+1. Retirer les commentaires /* */ autour des classes CSS
+
+Résultat attendu :
+
+* Le rendu graphique de l'application est différent :
+  - La couleur du texte
+  - La couleur de fond
+  - La couleur des titres
+  - La couleur des boutons
+  - l'image du bandeau est remplacée par un fond uni
+  - les boutons de l'entete sont déplacés à gauche

appli_sf/public/styles.css

+/* Exemples de modifications des classes css pour un rendu graphique différent */
+
+/* Modification de la couleur du texte */
+/*
+body{
+    color: #CCCCCC;
+}
+*/
+
+/* Modification de la couleur de fond */
+/*
+body{
+    background-color: #333772;
+}
+*/
+
+/* Modification de la couleur des titres */
+/*
+h1, h2, h3, h4 {
+    color: #000000;
+}
+*/
+
+
+/* Modification de la couleur des boutons */
+/*
+.border-button, .border-button.admin-button {
+    background-color: #666666;
+}
+*/
+
+/* Remplacement de l'image du bandeau par un fond uni */
+/*
+.header {
+    background: #222222;
+}
+*/
+
+/* Déplacement des boutons de l'entete à gauche */
+/*
+.header .nav-top .container {
+    justify-content: flex-start;
+}
+.header .nav-top .container .nav-action:not(.nav-help) {
+    border-right: 0.1rem solid #DAC192;
+    border-left: 0;
+}
+*/