styled multijoueur webform

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -569,6 +569,10 @@ header[role="banner"]{
 				color: #fff;
 				background-color: $color-webshowroom;
 			}
+			body.path-webform & {
+				color: #fff;
+				background-color: $color-showrooms;
+			}
 		}
     @include col-mediaquery-max(3){
 	    body.path-frontpage &, body.path-home & {
@@ -2662,6 +2666,75 @@ form#user-pass{
 		color: #fff;
 	}
 }
+
+#webform-submission-multi-joueur-add-form{
+  $w:3;
+  max-width: $column_width * $w + $column_goutiere * ($w - 1);
+  .form-item{
+    margin:0.5em 0;
+  }
+  $lw:7em;
+  label{
+    display: inline-block;
+    width:$lw;
+    color: #fff;
+  }
+  .webform-element-description{
+    color:#fff;
+  }
+  .form-item{
+    position: relative;
+    box-sizing: border-box;
+  }
+  .form-item.form-no-label input[type="text"]{
+    margin-left: $lw*1.04;
+  }
+  input[type="text"],
+  input[type="tel"],
+  input[type="email"]{
+    width: calc(95% - #{$lw});
+  }
+  input[type="submit"]{
+    @include btn;
+  }
+  .address--wrapper{
+    background-color: $color-webshowroom;
+    margin:0;
+    padding: 1em 1em 0;
+  }
+  .form-item-vat-number{
+    background-color: $color-webshowroom;
+    margin:0;
+    padding: 1em 1em 0.6em;
+  }
+  .form-item-phone{
+    background-color: $color-webshowroom;
+    margin:0;
+    padding: 0 1em 1em;
+  }
+  .form-item-collaborateur{
+    background-color: $color-base;
+    margin:0;
+    padding: 1em;
+    input[type="image"]{
+      background-color: #fff;
+    }
+    input[type="submit"]{
+      background-color: #fff;
+      color: $color-base;
+    }
+  }
+  #edit-actions{
+    // background-color: $color-showrooms;
+    // margin:0;
+    // padding: 1em;
+    text-align: right;
+    input[type="submit"]{
+      background-color: $color-blabla;
+      color: #fff;
+    }
+  }
+}
 //  ___         _
 // | __|__  ___| |_ ___ _ _
 // | _/ _ \/ _ \  _/ -_) '_|