Modèles plus cleans et templates principaux

gestioncof/cms/static/cofcms/sass/_colors.scss

@@ -0,0 +1,4 @@
+$fond: #ff7869;
+$bandeau: #02c082;
+$aside: #ffe896;
+$titre: #e23427;

gestioncof/cms/static/cofcms/sass/screen.scss

@@ -0,0 +1,58 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+
+@import url('https://fonts.googleapis.com/css?family=Carter+One|Source+Sans+Pro:300,300i,700');
+
+@import "compass/reset";
+
+@import "_colors";
+
+body {
+    background: $fond;
+    font: 17px "Source Sans Pro", "sans-serif";
+}
+
+header {
+    background: $bandeau;
+}
+
+h1, h2 {
+    font-family: "Carter One";
+}
+
+h1 {
+    font-size: 2.3em;
+}
+
+a {
+    color: #fff;
+    text-decoration: none;
+}
+
+header {
+    nav {
+        ul {
+            display: flex;
+            li {
+                display: inline-block;
+                > * {
+                    display: block;
+                    padding: 10px 15px;
+                    font-weight: bold;
+                    
+                    &:hover {
+                        background: darken($bandeau, 10%);
+                    }
+                }
+            }
+        }
+    }
+    section {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        align-items: stretch;
+    }
+}