From c502639c8280d9f7634d3c84d3c44a4ea76fbe15 Mon Sep 17 00:00:00 2001
From: Paul Gross <grosspaulpro@gmail.com>
Date: Wed, 22 Apr 2020 18:11:07 +0200
Subject: [PATCH] Responsive Plateau et Menu

---
 src/ihm/Main.java                    |    2 +-
 src/ihm/ressources/Choix_joueur.fxml |  444 ++++++-----
 src/ihm/ressources/Plateau.fxml      | 1104 +++++++++++++-------------
 3 files changed, 780 insertions(+), 770 deletions(-)

diff --git a/src/ihm/Main.java b/src/ihm/Main.java
index b357b46..bfe4068 100644
--- a/src/ihm/Main.java
+++ b/src/ihm/Main.java
@@ -10,7 +10,7 @@ import javafx.stage.Stage;
 public class Main extends Application{
 	@Override
     public void start(Stage primaryStage) throws Exception{
-        Parent root = FXMLLoader.load(getClass().getResource("ressources/jouerSonTour6.fxml"));
+        Parent root = FXMLLoader.load(getClass().getResource("ressources/Plateau.fxml"));
         primaryStage.setTitle("Shadow Hunters");
         primaryStage.setScene(new Scene(root));
         primaryStage.show();
diff --git a/src/ihm/ressources/Choix_joueur.fxml b/src/ihm/ressources/Choix_joueur.fxml
index 3653afe..b017978 100644
--- a/src/ihm/ressources/Choix_joueur.fxml
+++ b/src/ihm/ressources/Choix_joueur.fxml
@@ -5,229 +5,179 @@
 <?import javafx.scene.control.CheckBox?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
-<BorderPane fx:id="rootPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1280.0" styleClass="background" stylesheets="@style/menu.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ihm.controller.PlayersController">
-   <left>
-      <VBox alignment="CENTER" prefHeight="688.0" prefWidth="240.0" BorderPane.alignment="CENTER">
-         <children>
-            <HBox fx:id="hb5" alignment="CENTER" prefHeight="67.0" prefWidth="340.0" rotate="90.0">
+
+<AnchorPane xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ihm.controller.PlayersController">
+   <children>
+      <BorderPane fx:id="rootPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1280.0" styleClass="background" stylesheets="@style/menu.css" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+         <left>
+            <VBox alignment="CENTER" prefHeight="688.0" prefWidth="240.0" BorderPane.alignment="CENTER">
                <children>
-                  <TextField>
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                     <padding>
-                        <Insets right="5.0" />
-                     </padding>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-               <VBox.margin>
-                  <Insets bottom="150.0" left="-100.0" />
-               </VBox.margin>
-            </HBox>
-            <HBox fx:id="hb7" alignment="CENTER" rotate="90.0">
-               <children>
-                  <TextField prefHeight="51.0" prefWidth="298.0">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                     <padding>
-                        <Insets right="5.0" />
-                     </padding>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-               <VBox.margin>
-                  <Insets left="-100.0" top="200.0" />
-               </VBox.margin>
-            </HBox>
-         </children>
-      </VBox>
-   </left>
-   <right>
-      <VBox alignment="CENTER" prefHeight="688.0" prefWidth="248.0" BorderPane.alignment="CENTER">
-         <children>
-            <HBox fx:id="hb6" alignment="CENTER" prefHeight="100.0" prefWidth="200.0" rotate="270.0">
-               <children>
-                  <TextField>
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                     <padding>
-                        <Insets right="5.0" />
-                     </padding>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-               <VBox.margin>
-                  <Insets bottom="150.0" right="-100.0" />
-               </VBox.margin>
-            </HBox>
-            <HBox fx:id="hb8" alignment="CENTER" prefHeight="100.0" prefWidth="200.0" rotate="270.0">
-               <children>
-                  <TextField>
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                     <padding>
-                        <Insets right="5.0" />
-                     </padding>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-               <VBox.margin>
-                  <Insets right="-100.0" top="150.0" />
-               </VBox.margin>
-            </HBox>
-         </children>
-      </VBox>
-   </right>
-   <center>
-      <VBox alignment="CENTER" prefHeight="486.0" prefWidth="392.0" BorderPane.alignment="CENTER">
-         <children>
-            <Label styleClass="titre" stylesheets="@style/menu.css" text="Entrez le nom des joueurs">
-               <font>
-                  <Font size="48.0" />
-               </font>
-            </Label>
-            <Label styleClass="titre" stylesheets="@style/menu.css" text="(Il faut au moins 4 joueurs)">
-               <font>
-                  <Font size="36.0" />
-               </font>
-            </Label>
-            <Label styleClass="titre" stylesheets="@style/menu.css" text="Cochez la case pour avoir un joueur virtuel">
-               <font>
-                  <Font size="36.0" />
-               </font></Label>
-            <Button fx:id="btnCommencer" mnemonicParsing="false" onMouseClicked="#commencerJeux" styleClass="bouton" stylesheets="@style/menu.css" text="Commencer la partie">
-               <font>
-                  <Font size="24.0" />
-               </font>
-               <VBox.margin>
-                  <Insets top="20.0" />
-               </VBox.margin>
-            </Button>
-         </children>
-      </VBox>
-   </center>
-   <top>
-      <HBox alignment="CENTER" prefHeight="110.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
-         <children>
-            <HBox fx:id="hb1" alignment="CENTER" rotate="180.0">
-               <children>
-                  <TextField>
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-            </HBox>
-            <HBox fx:id="hb2" alignment="CENTER" rotate="180.0">
-               <children>
-                  <TextField>
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </TextField>
-                  <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                     <HBox.margin>
-                        <Insets left="10.0" right="10.0" />
-                     </HBox.margin>
-                  </Button>
-                  <CheckBox mnemonicParsing="false">
-                     <font>
-                        <Font size="24.0" />
-                     </font>
-                  </CheckBox>
-               </children>
-               <HBox.margin>
-                  <Insets left="30.0" />
-               </HBox.margin>
-            </HBox>
-         </children>
-      </HBox>
-   </top>
-   <bottom>
-      <VBox alignment="CENTER" prefHeight="94.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
-         <children>
-            <HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
-               <children>
-                  <HBox fx:id="hb3" alignment="CENTER">
+                  <HBox fx:id="hb5" alignment="CENTER" prefHeight="67.0" prefWidth="340.0" rotate="90.0">
+                     <children>
+                        <TextField>
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </TextField>
+                        <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                           <HBox.margin>
+                              <Insets left="10.0" right="10.0" />
+                           </HBox.margin>
+                           <padding>
+                              <Insets right="5.0" />
+                           </padding>
+                        </Button>
+                        <CheckBox mnemonicParsing="false">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </CheckBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets bottom="150.0" left="-100.0" />
+                     </VBox.margin>
+                  </HBox>
+                  <HBox fx:id="hb7" alignment="CENTER" rotate="90.0">
                      <children>
                         <TextField prefHeight="51.0" prefWidth="298.0">
                            <font>
                               <Font size="24.0" />
                            </font>
                         </TextField>
+                        <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                           <HBox.margin>
+                              <Insets left="10.0" right="10.0" />
+                           </HBox.margin>
+                           <padding>
+                              <Insets right="5.0" />
+                           </padding>
+                        </Button>
+                        <CheckBox mnemonicParsing="false">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </CheckBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets left="-100.0" top="200.0" />
+                     </VBox.margin>
+                  </HBox>
+               </children>
+            </VBox>
+         </left>
+         <right>
+            <VBox alignment="CENTER" prefHeight="688.0" prefWidth="248.0" BorderPane.alignment="CENTER">
+               <children>
+                  <HBox fx:id="hb6" alignment="CENTER" prefHeight="100.0" prefWidth="200.0" rotate="270.0">
+                     <children>
+                        <TextField>
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </TextField>
+                        <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                           <HBox.margin>
+                              <Insets left="10.0" right="10.0" />
+                           </HBox.margin>
+                           <padding>
+                              <Insets right="5.0" />
+                           </padding>
+                        </Button>
+                        <CheckBox mnemonicParsing="false">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </CheckBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets bottom="150.0" right="-100.0" />
+                     </VBox.margin>
+                  </HBox>
+                  <HBox fx:id="hb8" alignment="CENTER" prefHeight="100.0" prefWidth="200.0" rotate="270.0">
+                     <children>
+                        <TextField>
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </TextField>
+                        <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="100.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                           <HBox.margin>
+                              <Insets left="10.0" right="10.0" />
+                           </HBox.margin>
+                           <padding>
+                              <Insets right="5.0" />
+                           </padding>
+                        </Button>
+                        <CheckBox mnemonicParsing="false">
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </CheckBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets right="-100.0" top="150.0" />
+                     </VBox.margin>
+                  </HBox>
+               </children>
+            </VBox>
+         </right>
+         <center>
+            <VBox alignment="CENTER" prefHeight="486.0" prefWidth="392.0" BorderPane.alignment="CENTER">
+               <children>
+                  <Label styleClass="titre" stylesheets="@style/menu.css" text="Entrez le nom des joueurs">
+                     <font>
+                        <Font size="48.0" />
+                     </font>
+                  </Label>
+                  <Label styleClass="titre" stylesheets="@style/menu.css" text="(Il faut au moins 4 joueurs)">
+                     <font>
+                        <Font size="36.0" />
+                     </font>
+                  </Label>
+                  <Label styleClass="titre" stylesheets="@style/menu.css" text="Cochez la case pour avoir un joueur virtuel">
+                     <font>
+                        <Font size="36.0" />
+                     </font>
+                  </Label>
+                  <Button fx:id="btnCommencer" mnemonicParsing="false" onMouseClicked="#commencerJeux" styleClass="bouton" stylesheets="@style/menu.css" text="Commencer la partie">
+                     <font>
+                        <Font size="24.0" />
+                     </font>
+                     <VBox.margin>
+                        <Insets top="20.0" />
+                     </VBox.margin>
+                  </Button>
+               </children>
+            </VBox>
+         </center>
+         <top>
+            <HBox alignment="CENTER" prefHeight="110.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
+               <children>
+                  <HBox fx:id="hb1" alignment="CENTER" rotate="180.0">
+                     <children>
+                        <TextField>
+                           <font>
+                              <Font size="24.0" />
+                           </font>
+                        </TextField>
                         <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
                            <font>
                               <Font size="24.0" />
@@ -243,12 +193,15 @@
                         </CheckBox>
                      </children>
                   </HBox>
-                  <HBox fx:id="hb4" alignment="CENTER">
+                  <HBox fx:id="hb2" alignment="CENTER" rotate="180.0">
                      <children>
-                        <TextField>
+                        <TextField accessibleRole="PARENT">
                            <font>
                               <Font size="24.0" />
                            </font>
+                           <HBox.margin>
+                              <Insets />
+                           </HBox.margin>
                         </TextField>
                         <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
                            <font>
@@ -270,7 +223,64 @@
                   </HBox>
                </children>
             </HBox>
-         </children>
-      </VBox>
-   </bottom>
-</BorderPane>
+         </top>
+         <bottom>
+            <VBox alignment="CENTER" prefHeight="94.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
+               <children>
+                  <HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
+                     <children>
+                        <HBox fx:id="hb3" alignment="CENTER">
+                           <children>
+                              <TextField prefHeight="51.0" prefWidth="298.0">
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                              </TextField>
+                              <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                                 <HBox.margin>
+                                    <Insets left="10.0" right="10.0" />
+                                 </HBox.margin>
+                              </Button>
+                              <CheckBox mnemonicParsing="false">
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                              </CheckBox>
+                           </children>
+                        </HBox>
+                        <HBox fx:id="hb4" alignment="CENTER">
+                           <children>
+                              <TextField>
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                              </TextField>
+                              <Button mnemonicParsing="false" prefHeight="55.0" prefWidth="55.0" styleClass="bouton" stylesheets="@style/menu.css" text="+">
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                                 <HBox.margin>
+                                    <Insets left="10.0" right="10.0" />
+                                 </HBox.margin>
+                              </Button>
+                              <CheckBox mnemonicParsing="false">
+                                 <font>
+                                    <Font size="24.0" />
+                                 </font>
+                              </CheckBox>
+                           </children>
+                           <HBox.margin>
+                              <Insets left="30.0" />
+                           </HBox.margin>
+                        </HBox>
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+         </bottom>
+      </BorderPane>
+   </children>
+</AnchorPane>
diff --git a/src/ihm/ressources/Plateau.fxml b/src/ihm/ressources/Plateau.fxml
index a75aa0c..09e9aac 100644
--- a/src/ihm/ressources/Plateau.fxml
+++ b/src/ihm/ressources/Plateau.fxml
@@ -5,609 +5,609 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.Circle?>
 
-<BorderPane fx:id="root" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1280.0" styleClass="background" stylesheets="@style/plateau.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ihm.controller.PlateauController">
-   <top>
-      <HBox alignment="CENTER" prefHeight="149.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
-         <children>
-            <VBox fx:id="joueur1" alignment="CENTER" prefHeight="164.0" prefWidth="212.0" rotate="180.0">
+
+<AnchorPane xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ihm.controller.PlateauController">
+   <children>
+      <BorderPane fx:id="root" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1280.0" styleClass="background" stylesheets="@style/plateau.css" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+         <top>
+            <HBox alignment="CENTER" prefHeight="149.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
                <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Perssonage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="46.0" prefWidth="212.0">
+                  <VBox fx:id="joueur1" alignment="CENTER" prefHeight="164.0" prefWidth="212.0" rotate="180.0">
                      <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="70.0" prefWidth="212.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets right="5.0" />
-               </HBox.margin>
-            </VBox>
-            <VBox fx:id="joueur2" alignment="CENTER" prefHeight="164.0" prefWidth="212.0" rotate="180.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Perssonage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="46.0" prefWidth="212.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="70.0" prefWidth="212.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets left="5.0" />
-               </HBox.margin>
-            </VBox>
-         </children>
-      </HBox>
-   </top>
-   <bottom>
-      <HBox alignment="CENTER" prefHeight="155.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
-         <children>
-            <VBox fx:id="joueur3" alignment="CENTER" prefHeight="164.0" prefWidth="212.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Personnage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="44.0" prefWidth="274.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se reveler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="72.0" prefWidth="274.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets right="5.0" />
-               </HBox.margin>
-            </VBox>
-            <VBox fx:id="joueur4" alignment="CENTER" prefHeight="164.0" prefWidth="212.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Personnage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="44.0" prefWidth="274.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se reveler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="72.0" prefWidth="274.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets left="5.0" />
-               </HBox.margin>
-            </VBox>
-         </children>
-      </HBox>
-   </bottom>
-   <left>
-      <VBox alignment="CENTER" prefHeight="496.0" prefWidth="160.0" BorderPane.alignment="CENTER">
-         <children>
-            <VBox fx:id="joueur5" alignment="CENTER" prefHeight="181.0" prefWidth="333.0" rotate="90.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom personnage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="53.0" prefWidth="198.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte perssonage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="53.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <VBox.margin>
-                  <Insets bottom="100.0" left="-80.0" />
-               </VBox.margin>
-            </VBox>
-            <VBox fx:id="joueur7" alignment="CENTER" prefHeight="179.0" prefWidth="329.0" rotate="90.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom personnage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="53.0" prefWidth="198.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte perssonage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="24.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <VBox.margin>
-                  <Insets left="-80.0" top="100.0" />
-               </VBox.margin>
-            </VBox>
-         </children>
-      </VBox>
-   </left>
-   <right>
-      <VBox prefHeight="496.0" prefWidth="214.0" BorderPane.alignment="CENTER">
-         <children>
-            <VBox fx:id="joueur6" alignment="CENTER" prefHeight="163.0" prefWidth="329.0" rotate="270.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom perssonage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="39.0" prefWidth="214.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="52.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <VBox.margin>
-                  <Insets bottom="100.0" right="-80.0" />
-               </VBox.margin>
-            </VBox>
-            <VBox fx:id="joueur8" alignment="CENTER" prefHeight="163.0" prefWidth="329.0" rotate="270.0">
-               <children>
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom perssonage" />
-                  <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
-                  <HBox alignment="CENTER" prefHeight="39.0" prefWidth="214.0">
-                     <children>
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
-                        <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
-                        </Button>
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="5.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="52.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                        <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <VBox.margin>
-                  <Insets right="-80.0" top="100.0" />
-               </VBox.margin>
-            </VBox>
-         </children>
-      </VBox>
-   </right>
-   <center>
-      <HBox prefHeight="496.0" prefWidth="869.0" BorderPane.alignment="CENTER">
-         <children>
-            <VBox alignment="CENTER" prefHeight="496.0" prefWidth="22.0">
-               <children>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteLumiere" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" styleClass="background" />
-                     </children>
-                  </HBox>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteVision" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="30.0" top="30.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteTenebre" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets right="15.0" />
-               </HBox.margin>
-            </VBox>
-            <VBox prefHeight="496.0" prefWidth="739.0">
-               <children>
-                  <HBox prefHeight="339.0" prefWidth="676.0">
-                     <children>
-                        <VBox alignment="CENTER" prefHeight="223.0" prefWidth="0.0">
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Perssonage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="46.0" prefWidth="212.0">
                            <children>
-                              <Circle fill="#ff1f1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#ffd71f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#ecff1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#64ff1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                           </children>
-                        </VBox>
-                        <HBox alignment="TOP_CENTER" prefHeight="100.0" prefWidth="200.0" styleClass="lieux" stylesheets="@style/plateau.css">
-                           <children>
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
                                  <HBox.margin>
                                     <Insets left="5.0" />
                                  </HBox.margin>
-                              </ImageView>
+                              </Button>
                            </children>
-                           <HBox.margin>
-                              <Insets left="10.0" />
-                           </HBox.margin>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
                         </HBox>
-                        <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" styleClass="lieux" stylesheets="@style/plateau.css">
+                        <HBox prefHeight="70.0" prefWidth="212.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
                            <children>
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
-                                 <HBox.margin>
-                                    <Insets left="5.0" />
-                                 </HBox.margin>
-                              </ImageView>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
                            </children>
-                           <HBox.margin>
-                              <Insets left="5.0" />
-                           </HBox.margin>
                         </HBox>
-                        <HBox alignment="TOP_CENTER" prefHeight="223.0" prefWidth="193.0" styleClass="lieux" stylesheets="@style/plateau.css">
-                           <children>
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
-                              <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
-                                 <HBox.margin>
-                                    <Insets left="5.0" />
-                                 </HBox.margin>
-                              </ImageView>
-                           </children>
-                           <HBox.margin>
-                              <Insets left="5.0" right="10.0" />
-                           </HBox.margin>
-                        </HBox>
-                        <VBox alignment="CENTER" prefHeight="223.0" prefWidth="0.0">
-                           <children>
-                              <Circle fill="#21ffee" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#2168ff" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#d921ff" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                              <Circle fill="#ff21ad" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
-                           </children>
-                        </VBox>
                      </children>
-                  </HBox>
-                  <VBox prefHeight="200.0" prefWidth="100.0">
+                     <HBox.margin>
+                        <Insets right="5.0" />
+                     </HBox.margin>
+                  </VBox>
+                  <VBox fx:id="joueur2" alignment="CENTER" prefHeight="164.0" prefWidth="212.0" rotate="180.0">
                      <children>
-                        <HBox alignment="CENTER_RIGHT" prefHeight="60.0" prefWidth="671.0">
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Perssonage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="46.0" prefWidth="212.0">
                            <children>
-                              <Label alignment="CENTER" contentDisplay="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="Allie" />
-                              <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="70.0" prefWidth="212.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <HBox.margin>
+                        <Insets left="5.0" />
+                     </HBox.margin>
+                  </VBox>
+               </children>
+            </HBox>
+         </top>
+         <bottom>
+            <HBox alignment="CENTER" prefHeight="155.0" prefWidth="1280.0" BorderPane.alignment="CENTER">
+               <children>
+                  <VBox fx:id="joueur3" alignment="CENTER" prefHeight="164.0" prefWidth="212.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Personnage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="44.0" prefWidth="274.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se reveler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="72.0" prefWidth="274.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <HBox.margin>
+                        <Insets right="5.0" />
+                     </HBox.margin>
+                  </VBox>
+                  <VBox fx:id="joueur4" alignment="CENTER" prefHeight="164.0" prefWidth="212.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Personnage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="44.0" prefWidth="274.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se reveler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="72.0" prefWidth="274.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <HBox.margin>
+                        <Insets left="5.0" />
+                     </HBox.margin>
+                  </VBox>
+               </children>
+            </HBox>
+         </bottom>
+         <left>
+            <VBox alignment="CENTER_LEFT" prefHeight="496.0" prefWidth="160.0" BorderPane.alignment="CENTER">
+               <children>
+                  <VBox fx:id="joueur5" alignment="CENTER" prefHeight="181.0" prefWidth="333.0" rotate="90.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom personnage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="53.0" prefWidth="198.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte perssonage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="53.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets bottom="100.0" left="-80.0" />
+                     </VBox.margin>
+                  </VBox>
+                  <VBox fx:id="joueur7" alignment="CENTER" prefHeight="179.0" prefWidth="329.0" rotate="90.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom personnage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="53.0" prefWidth="198.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte perssonage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="24.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets left="-80.0" top="100.0" />
+                     </VBox.margin>
+                  </VBox>
+               </children>
+            </VBox>
+         </left>
+         <right>
+            <VBox alignment="CENTER_RIGHT" prefHeight="496.0" prefWidth="214.0" BorderPane.alignment="CENTER">
+               <children>
+                  <VBox fx:id="joueur6" alignment="CENTER" prefHeight="163.0" prefWidth="329.0" rotate="270.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom perssonage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="39.0" prefWidth="214.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="52.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets bottom="100.0" right="-80.0" />
+                     </VBox.margin>
+                  </VBox>
+                  <VBox fx:id="joueur8" alignment="CENTER" prefHeight="163.0" prefWidth="329.0" rotate="270.0">
+                     <children>
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom Faction" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom perssonage" />
+                        <Label styleClass="text" stylesheets="@style/plateau.css" text="Nom joueur" />
+                        <HBox alignment="CENTER" prefHeight="39.0" prefWidth="214.0">
+                           <children>
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Carte personnage" />
+                              <Button mnemonicParsing="false" styleClass="bouton" stylesheets="@style/plateau.css" text="Se révéler">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </Button>
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="5.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="52.0" prefWidth="329.0" styleClass="carteEquipement" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                              <ImageView fitHeight="65.2" fitWidth="46.7" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                     <VBox.margin>
+                        <Insets right="-80.0" top="100.0" />
+                     </VBox.margin>
+                  </VBox>
+               </children>
+            </VBox>
+         </right>
+         <center>
+            <HBox alignment="CENTER" prefHeight="496.0" prefWidth="869.0" BorderPane.alignment="CENTER">
+               <children>
+                  <VBox alignment="CENTER_LEFT" prefWidth="22.0">
+                     <children>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteLumiere" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" styleClass="background" />
+                           </children>
+                        </HBox>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteVision" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="30.0" top="30.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteTenebre" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+                  <VBox alignment="CENTER" prefHeight="496.0" prefWidth="739.0">
+                     <children>
+                        <HBox alignment="TOP_CENTER" prefHeight="339.0" prefWidth="676.0">
+                           <children>
+                              <VBox alignment="CENTER" prefHeight="223.0" prefWidth="0.0">
                                  <children>
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Bob" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Emi" />
+                                    <Circle fill="#ff1f1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#ffd71f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#ecff1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#64ff1f" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
                                  </children>
                               </VBox>
-                              <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                              <HBox alignment="TOP_CENTER" prefHeight="100.0" prefWidth="200.0" styleClass="lieux" stylesheets="@style/plateau.css">
                                  <children>
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Inconnu" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Charles" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
+                                       <HBox.margin>
+                                          <Insets left="5.0" />
+                                       </HBox.margin>
+                                    </ImageView>
                                  </children>
-                              </VBox>
-                              <Label alignment="CENTER" contentDisplay="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="Franklin" />
-                              <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                                 <HBox.margin>
+                                    <Insets left="10.0" />
+                                 </HBox.margin>
+                              </HBox>
+                              <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" styleClass="lieux" stylesheets="@style/plateau.css">
                                  <children>
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Vampire" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Daniel" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
+                                       <HBox.margin>
+                                          <Insets left="5.0" />
+                                       </HBox.margin>
+                                    </ImageView>
                                  </children>
-                              </VBox>
-                              <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                                 <HBox.margin>
+                                    <Insets left="5.0" />
+                                 </HBox.margin>
+                              </HBox>
+                              <HBox alignment="TOP_CENTER" prefHeight="223.0" prefWidth="193.0" styleClass="lieux" stylesheets="@style/plateau.css">
                                  <children>
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Loup-" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="garou" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="George" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true" />
+                                    <ImageView fitHeight="132.03" fitWidth="94.5675" pickOnBounds="true" preserveRatio="true">
+                                       <HBox.margin>
+                                          <Insets left="5.0" />
+                                       </HBox.margin>
+                                    </ImageView>
+                                 </children>
+                                 <HBox.margin>
+                                    <Insets left="5.0" right="10.0" />
+                                 </HBox.margin>
+                              </HBox>
+                              <VBox alignment="CENTER" prefHeight="223.0" prefWidth="0.0">
+                                 <children>
+                                    <Circle fill="#21ffee" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#2168ff" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#d921ff" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
+                                    <Circle fill="#ff21ad" radius="10.0" stroke="BLACK" strokeType="INSIDE" />
                                  </children>
                               </VBox>
                            </children>
                         </HBox>
-                        <HBox prefHeight="58.0" prefWidth="655.0">
+                        <VBox alignment="BOTTOM_CENTER" prefHeight="200.0" prefWidth="100.0">
                            <children>
-                              <HBox prefHeight="100.0" prefWidth="0.0" />
-                              <HBox alignment="CENTER" prefHeight="64.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                              <HBox alignment="CENTER_RIGHT" prefHeight="60.0" prefWidth="671.0">
                                  <children>
-                                    <VBox prefHeight="87.0" prefWidth="2.0">
+                                    <Label alignment="CENTER" contentDisplay="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="Allie" />
+                                    <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
                                        <children>
-                                          <Circle fill="#ff1f1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#ffd71f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#ecff1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#64ff1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Bob" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Emi" />
                                        </children>
                                     </VBox>
-                                    <VBox prefHeight="87.0" prefWidth="4.0">
+                                    <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
                                        <children>
-                                          <Circle fill="#21ffee" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#2168ff" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#d921ff" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
-                                          <Circle fill="#ff21ad" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Inconnu" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Charles" />
+                                       </children>
+                                    </VBox>
+                                    <Label alignment="CENTER" contentDisplay="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="Franklin" />
+                                    <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                                       <children>
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Vampire" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Daniel" />
+                                       </children>
+                                    </VBox>
+                                    <VBox alignment="CENTER" prefHeight="60.0" prefWidth="50.0">
+                                       <children>
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Loup-" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="garou" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="George" />
                                        </children>
                                     </VBox>
                                  </children>
-                                 <styleClass>
-                                    <String fx:value="barreDeVie" />
-                                    <String fx:value="zero" />
-                                 </styleClass>
                               </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                              <HBox prefHeight="58.0" prefWidth="655.0">
                                  <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                                 <styleClass>
-                                    <String fx:value="barreDeVie" />
-                                    <String fx:value="un" />
-                                 </styleClass>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                                 <styleClass>
-                                    <String fx:value="barreDeVie" />
-                                    <String fx:value="deux" />
-                                 </styleClass>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                                 <styleClass>
-                                    <String fx:value="barreDeVie" />
-                                    <String fx:value="trois" />
-                                 </styleClass>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                                 <styleClass>
-                                    <String fx:value="barreDeVie" />
-                                    <String fx:value="quatre" />
-                                 </styleClass>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
+                                    <HBox prefHeight="100.0" prefWidth="0.0" />
+                                    <HBox alignment="CENTER" prefHeight="64.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="87.0" prefWidth="2.0">
+                                             <children>
+                                                <Circle fill="#ff1f1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#ffd71f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#ecff1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#64ff1f" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                             </children>
+                                          </VBox>
+                                          <VBox prefHeight="87.0" prefWidth="4.0">
+                                             <children>
+                                                <Circle fill="#21ffee" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#2168ff" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#d921ff" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                                <Circle fill="#ff21ad" radius="8.0" stroke="BLACK" strokeType="INSIDE" />
+                                             </children>
+                                          </VBox>
+                                       </children>
+                                       <styleClass>
+                                          <String fx:value="barreDeVie" />
+                                          <String fx:value="zero" />
+                                       </styleClass>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                       <styleClass>
+                                          <String fx:value="barreDeVie" />
+                                          <String fx:value="un" />
+                                       </styleClass>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                       <styleClass>
+                                          <String fx:value="barreDeVie" />
+                                          <String fx:value="deux" />
+                                       </styleClass>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                       <styleClass>
+                                          <String fx:value="barreDeVie" />
+                                          <String fx:value="trois" />
+                                       </styleClass>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                       <styleClass>
+                                          <String fx:value="barreDeVie" />
+                                          <String fx:value="quatre" />
+                                       </styleClass>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
+                                    <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                                       <children>
+                                          <VBox prefHeight="64.0" prefWidth="25.0" />
+                                          <VBox prefHeight="200.0" prefWidth="25.0" />
+                                       </children>
+                                    </HBox>
                                  </children>
                               </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
+                              <HBox prefHeight="18.0" prefWidth="655.0">
                                  <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
-                                 </children>
-                              </HBox>
-                              <HBox prefHeight="100.0" prefWidth="50.0" styleClass="barreDeVie" stylesheets="@style/plateau.css">
-                                 <children>
-                                    <VBox prefHeight="64.0" prefWidth="25.0" />
-                                    <VBox prefHeight="200.0" prefWidth="25.0" />
+                                    <VBox prefHeight="41.0" prefWidth="50.0">
+                                       <children>
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="Pas de" />
+                                          <Label styleClass="text" stylesheets="@style/plateau.css" text="dégats" />
+                                       </children>
+                                    </VBox>
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="1" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="2" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="3" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="4" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="5" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="6" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="7" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="8" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="9" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="10" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="11" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="12" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="13" textAlignment="CENTER" />
+                                    <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="14" textAlignment="CENTER" />
                                  </children>
                               </HBox>
                            </children>
-                        </HBox>
-                        <HBox prefHeight="18.0" prefWidth="655.0">
+                        </VBox>
+                     </children>
+                  </VBox>
+                  <VBox alignment="CENTER_RIGHT" prefHeight="496.0" prefWidth="29.0">
+                     <children>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteLumiere" stylesheets="@style/plateau.css">
                            <children>
-                              <VBox prefHeight="41.0" prefWidth="50.0">
-                                 <children>
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="Pas de" />
-                                    <Label styleClass="text" stylesheets="@style/plateau.css" text="dégats" />
-                                 </children>
-                              </VBox>
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="1" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="2" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="3" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="4" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="5" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="6" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="7" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="8" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="9" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="10" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="11" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="12" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="13" textAlignment="CENTER" />
-                              <Label alignment="CENTER" prefWidth="50.0" styleClass="text" stylesheets="@style/plateau.css" text="14" textAlignment="CENTER" />
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                        </HBox>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteVision" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
+                           </children>
+                           <VBox.margin>
+                              <Insets bottom="30.0" top="30.0" />
+                           </VBox.margin>
+                        </HBox>
+                        <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteTenebre" stylesheets="@style/plateau.css">
+                           <children>
+                              <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
                            </children>
                         </HBox>
                      </children>
                   </VBox>
                </children>
-            </VBox>
-            <VBox alignment="CENTER" prefHeight="496.0" prefWidth="29.0">
-               <children>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteLumiere" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteVision" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                     <VBox.margin>
-                        <Insets bottom="30.0" top="30.0" />
-                     </VBox.margin>
-                  </HBox>
-                  <HBox prefHeight="100.0" prefWidth="200.0" styleClass="carteTenebre" stylesheets="@style/plateau.css">
-                     <children>
-                        <ImageView fitHeight="97.8" fitWidth="70.05" pickOnBounds="true" preserveRatio="true" />
-                     </children>
-                  </HBox>
-               </children>
-               <HBox.margin>
-                  <Insets left="15.0" />
-               </HBox.margin>
-            </VBox>
-         </children>
-      </HBox>
-   </center>
-</BorderPane>
+            </HBox>
+         </center>
+      </BorderPane>
+   </children>
+</AnchorPane>