diff --git a/code/ressources/fxml/ConfigurationMenu.fxml b/code/ressources/fxml/ConfigurationMenu.fxml
index c1f5b6f..4a61b55 100644
--- a/code/ressources/fxml/ConfigurationMenu.fxml
+++ b/code/ressources/fxml/ConfigurationMenu.fxml
@@ -1,22 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.JFXButton?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.effect.Shadow?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.AnchorPane?>
-<?import javafx.scene.paint.*?>
 <?import javafx.scene.shape.Rectangle?>
-<?import javafx.scene.text.*?>
-<?import java.net.URL?>
 
-<AnchorPane>
-    <ImageView fitHeight="600.0" fitWidth="1300" layoutX="133.0" layoutY="150.0" pickOnBounds="true" preserveRatio="true"
-               AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
-               AnchorPane.topAnchor="0.0">
-        <Image url="/image/plaine.gif"/>
-    </ImageView>
-    <Rectangle arcHeight="5.0" arcWidth="5.0" height="600.0" layoutX="50" opacity="0.42" stroke="BLACK"
-               strokeType="INSIDE" width="800.0"/>
+
+<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="900.0" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1">
+   <children>
+      <ImageView fitHeight="662.0" fitWidth="979.0" pickOnBounds="true" preserveRatio="true">
+         <image>
+            <Image url="/image/plaine.gif" />
+         </image>
+      </ImageView>
+      <Rectangle arcHeight="5.0" arcWidth="5.0" height="600.0" layoutX="78.0" opacity="0.42" stroke="BLACK" strokeType="INSIDE" width="745.0" />
+   </children>
 </AnchorPane>
diff --git a/code/ressources/fxml/GameConfigurationMenu.fxml b/code/ressources/fxml/GameConfigurationMenu.fxml
index c821e00..6c8b7f7 100644
--- a/code/ressources/fxml/GameConfigurationMenu.fxml
+++ b/code/ressources/fxml/GameConfigurationMenu.fxml
@@ -13,6 +13,8 @@
 <?import javafx.scene.text.Font?>
 
 
+<?import javafx.scene.control.RadioButton?>
+<?import javafx.scene.control.ToggleGroup?>
 <AnchorPane fx:id="levelRoot" xmlns:fx="http://javafx.com/fxml/1" id="pane" maxHeight="-Infinity" maxWidth="-Infinity"
             minHeight="-Infinity"
             minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0"
@@ -37,13 +39,21 @@
         </Label>
         <Line endX="181.0" endY="-3.0517578125E-5" layoutX="107.0" layoutY="160.0" startX="1.0889129638671875"
               startY="-1.52587890625E-5" stroke="#535252"/>
-                <JFXToggleButton prefHeight="33.0" prefWidth="75.0" selected="true" textFill="WHITE"
-                                 toggleColor="#8e8c8c"
-                                 toggleLineColor="WHITE" unToggleLineColor="#99999981"/>
-                <JFXToggleButton prefHeight="33.0" prefWidth="75.0" textFill="WHITE" toggleColor="#8e8c8c"
-                                 toggleLineColor="WHITE" unToggleLineColor="#99999981"/>
-                <JFXToggleButton prefHeight="33.0" prefWidth="75.0" textFill="WHITE" toggleColor="#8e8c8c"
-                                 toggleLineColor="WHITE" unToggleLineColor="#99999981"/>
+                <RadioButton fx:id="radioButton1" layoutX="85" layoutY="200" prefHeight="33.0" prefWidth="75.0" selected="true" textFill="WHITE">
+                    <toggleGroup>
+                        <ToggleGroup fx:id="group"/>
+                    </toggleGroup>
+                </RadioButton>
+                <RadioButton fx:id="radioButton2" layoutX="160" layoutY="200" prefHeight="33.0" prefWidth="75.0" textFill="WHITE">
+                    <toggleGroup>
+                        <fx:reference source="group"/>
+                    </toggleGroup>
+                </RadioButton>
+                <RadioButton fx:id="radioButton3" layoutX="238" layoutY="200" prefHeight="33.0" prefWidth="75.0" textFill="WHITE">
+                    <toggleGroup>
+                        <fx:reference source="group"/>
+                    </toggleGroup>
+                </RadioButton>
         <Line endX="240.5999755859375" endY="-3.0517578125E-5" layoutX="47.0" layoutY="467.0"
               startX="1.0889129638671875"
               startY="-1.52587890625E-5" stroke="#535252"/>
@@ -69,7 +79,7 @@
                 <Font name="Segoe UI Black" size="12.0"/>
             </font>
         </Label>
-        <ImageView fitHeight="126.0" fitWidth="109.0" layoutX="38.0" layoutY="309.0" pickOnBounds="true"
+        <ImageView fx:id="ImageChange" fitHeight="126.0" fitWidth="109.0" layoutX="38.0" layoutY="309.0" pickOnBounds="true"
                    preserveRatio="true">
             <image>
                 <Image url="/image/personnage/Perso1.png"/>
@@ -78,9 +88,9 @@
         <SplitMenuButton alignment="CENTER" contentDisplay="CENTER" layoutX="152.0" layoutY="351.0"
                          mnemonicParsing="false" text="Choix Personnage">
             <items>
-                <MenuItem mnemonicParsing="false" text="Personnage 1"/>
-                <MenuItem mnemonicParsing="false" text="Personnage 2"/>
-                <MenuItem mnemonicParsing="false" text="Personnage 3"/>
+                <MenuItem onAction="#changeSkin" fx:id="choice1" mnemonicParsing="false" text="Personnage 1"/>
+                <MenuItem onAction="#changeSkin" fx:id="choice2" mnemonicParsing="false" text="Personnage 2"/>
+                <MenuItem onAction="#changeSkin" fx:id="choice3" mnemonicParsing="false" text="Personnage 3"/>
             </items>
             <font>
                 <Font name="Segoe UI Black" size="12.0"/>
diff --git a/code/ressources/image/personnage/Perso2.png b/code/ressources/image/personnage/Perso2.png
new file mode 100644
index 0000000..bd7f8e7
Binary files /dev/null and b/code/ressources/image/personnage/Perso2.png differ
diff --git a/code/ressources/image/personnage/Perso3.png b/code/ressources/image/personnage/Perso3.png
new file mode 100644
index 0000000..04af49a
Binary files /dev/null and b/code/ressources/image/personnage/Perso3.png differ