refactor repo

backend_part1/jeu-concours/app/static/style.css

@@ -0,0 +1,71 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding: 50px;
+}
+
+.container {
+    background-color: #f2f2f2;
+    padding: 20px;
+    border-radius: 5px;
+}
+
+h1 {
+    color: #333;
+}
+
+p {
+    color: #666;
+}
+
+/* Conteneur de l'image */
+.img-container {
+    width: 100%;        /* Largeur complète */
+    height: 150px;      /* Hauteur fixée à 150px */
+    overflow: hidden;   /* Masquer tout ce qui dépasse */
+}
+
+.oh-well {
+    width: auto;
+    height: 250px;
+}
+
+.congratulations {
+    width: auto;
+    height: 400px;
+}
+
+/* Conteneur de l'image */
+.img-container-bottom {
+    height: 150px;
+    overflow: hidden;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+}
+
+/* Style pour l'image des jetons */
+.img-jetons {
+    width: 100%;        /* Largeur complète */
+    height: auto;       /* Hauteur automatique pour maintenir le ratio */
+    display: block;     /* Assurer que l'image s'affiche correctement */
+}
+
+footer {
+    background-color: #c3c3c3;
+    text-align: center;
+    padding: 20px;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    font-size: 0.8em;
+    opacity: 0.9;
+}
+
+footer p {
+    margin: 0;
+    line-height: 1.5;
+    color: #000;
+}