update

css/your_style.css

@@ -0,0 +1,118 @@
+@media only screen and (max-width: 679px) and (min-width: 0){
+    .logo-img {
+        width: 200px;
+    }
+}
+.input {
+    position: relative;
+    display: block;
+    font-weight: 400;
+    font-size: large ;
+    color: #3b13e2;
+}
+.smart-form fieldset {
+    display: block;
+    padding: 2px 14px 5px;
+    border: none;
+    background: rgba(255,255,255,.9);
+    position: relative;
+}
+th {
+    background-color: #e28d14;
+    color: white;
+}
+
+
+.modal-header {
+    padding:9px 15px;
+    border-bottom:1px solid #eee;
+    background-color: #c19a00;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+.statut_1 {
+      background-color: #f4f142;
+  }
+.statut_2 {
+    background-color: #078c2a;
+}
+.statut_3 {
+    background-color: #bab9b8;
+}
+.statut_4 {
+    background-color: #e81220;
+}
+.statut_5 {
+    background-color: #33CAFF;
+}
+.statut_6 {
+     background-color: #B404AE;
+ }
+.produit {
+    background-color: #d0d47d;
+    font-size: large ;
+}
+.produit_desc {
+    background-color: #e9ed93;
+    font-size: large ;
+}
+.fournisseur {
+    background-color: #bbff35;
+}
+.fournisseur_desc {
+    background-color: #ecf095;
+}
+.btnsl {
+    float: right;
+    height: 31px;
+    margin: 10px 0 0 5px;
+    padding: 0 22px;
+    font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
+    cursor: pointer;
+    color: #fff;
+    background-color: #3276b1;
+    border-color: #2c699d;
+
+}
+.projet {
+
+    margin-right: 2px;
+    margin-left: 2px;
+}
+.j30 {
+    background-color: #08e9ff;
+}
+.j60 {
+    background-color: #fefd15;
+}
+.j90 {
+    background-color: #ff400e;
+}
+.jplus{
+    background-color: #c8021d;
+}
+/* Centrer verticalement le logo dans la bande verte */
+header #logo-group {
+    display: flex;
+    align-items: center;   /* centre de haut en bas */
+}
+
+header #logo-group #logo {
+    display: flex;
+    align-items: center;   /* s'assure que le span aussi est centré */
+}
+
+header #logo-group #logo img {
+    display: block;
+    max-height: 100%;
+    margin: 0 !important;  /* neutralise le margin-top du thème */
+}
+header #logo-group #logo img {
+    display: block;
+    max-height: 100%;
+    margin: -15px 0 0 0 !important; /* monte légèrement le logo */
+}