add extra css file from victor

static/css/more.css

@@ -0,0 +1,158 @@
+#content {
+    padding: 0px 10px 20px 10px;
+}
+
+#content .bloc-categorie {
+    width: 222px;
+    display: inline;
+    float: left;
+    padding-right: 6px;
+    height: 150px;
+}
+
+#content .titre h2 {
+    color: #333;
+    font-weight: bold;
+    margin: 15px 0px 10px 0px;
+    padding: 15px 0px 10px 0px;
+    border: none;
+    border-top: 1px dashed rgba(0, 0, 0, 0.2);
+}
+
+#content .sous-titre h2 {
+    font-size: 24px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-bottom: 15px;
+    padding-bottom: 8px;
+    padding-top: 25px;
+}
+
+#content img {
+    padding-right: 5px;
+    width: 100px;
+}
+
+#content .bloc-categorie p {
+    padding: 0px;
+    margin: 0px;
+    float: right;
+    width: 116px;
+}
+
+#content .bloc-categorie p a{
+    color: #333333;
+}
+
+#content .bloc-categorie p a:hover{
+    color: #265aa2;
+}
+
+#content .bloc-categorie div p:first-of-type {
+    padding: 0px;
+    float: left;
+    width: 100px;
+}
+
+#content .bloc-categorie h3 a {
+    color: #428bca;
+    text-decoration: none;
+    font-size: 13px;
+    font-weight: bold;
+}
+
+#content .bloc-categorie a:before {
+    content: none;
+}
+
+.separateur {
+    display: block;
+    clear: both;
+    margin: 10px 0px 10px 0px;
+    padding: 10px 0px 10px 0px;
+    border-bottom: 1px dashed grey;
+}
+
+.image-accueil div p img, .vignette-big div p img {
+    padding: 4px;
+    margin-bottom: 20px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+.vignette-big div p img {
+    margin-right: 10px;
+    margin-bottom: 300px;
+    float: left;
+}
+
+.info-float-gauche, .info-float-droit {
+    min-height: 20px;
+    padding: 13px 18px;
+    margin-bottom: 20px;
+    background-color: #EEE;
+    overflow: hidden;
+    border-radius: 3px;
+    border: none;
+    margin-top: 15px;
+    
+}
+.info-float-gauche {
+    padding: 10px 0px 10px 10px;
+    margin: 0px 0px 10px 10px;
+    float : left;
+    width: 55%;
+}
+
+.info-float-droit {
+    float : right;
+    width: 45%;
+}
+
+#content .ancre div h3 a {
+    visibility: hidden;
+}
+
+.cell div a:before {
+    content: "\f0da";
+    display: inline-block;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    float: left;
+    margin-top: 2px;
+    margin-right: 7px;
+    font-size: 13px;
+    margin-left: 0;
+}
+
+.text-intro div a:before {
+    content: none; 
+}
+
+#real-content ul > li:before {
+    content: none;
+}
+
+#content .formulaire div a, #content .popup div a {
+    color: #265aa2;
+}
+
+#content .popup div a:after{
+    margin-left: 5px;
+    font-family: FontAwesome;
+    content: "\f08e";
+    color: #333;
+    text-decoration: none;
+}
+
+@media (max-width: 592px) {
+        .vignette-big div p img {
+        margin-right: 10px;
+        margin-bottom: 10px;
+        float: none;
+    }
+    
+}

templates/theme.html

@@ -18,6 +18,7 @@
         <link rel="stylesheet" href="{{ site_base }}{{ STATIC_URL }}css/hack.css">
         <link rel="stylesheet" href="{{ site_base }}{{ STATIC_URL }}css/entrouvert.css" >
         <link rel="stylesheet" href="{{ site_base }}{{ STATIC_URL }}css/surclass.css">
+        <link rel="stylesheet" href="{{ site_base }}{{ STATIC_URL }}css/more.css">
         <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>