diff --git a/traque-front/app/admin/page.js b/traque-front/app/admin/page.js
index 37f99e6..36721de 100644
--- a/traque-front/app/admin/page.js
+++ b/traque-front/app/admin/page.js
@@ -21,44 +21,44 @@ export default function AdminPage() {
     return (
         <div className='min-h-full bg-gray-200 p-5 flex flex-row content-start gap-5'>
             <div className="h-full w-2/6">
-                <div className='w-full mb-5 h-1/2 gap-3 bg-blue-400 p-10 flex flex-col text-left shadow-2xl'>
+                <div className='w-full mb-5 h-1/2 gap-3 bg-custom-light-blue p-10 flex flex-col text-left shadow-2xl'>
                     <h2 className="text-4xl font-bold">Page Principale</h2>
                 </div>
                 <div className='w-full mb-5 h-1/2 gap-3 bg-white flex flex-col'>
-                    <div className='w-full gap-3 bg-blue-400 flex flex-col items-center justify-center text-middle shadow-2xl p-1'>
+                    <div className='w-full gap-3 bg-custom-light-blue flex flex-col items-center justify-center text-middle shadow-2xl p-1'>
                         <h2 className="text-2xl">Contrôle</h2>
                     </div>
                     <div className="flex flex-row justify-between items-center px-6 py-3">
                         <Link 
                             href="/admin/parameters"
-                            className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
+                            className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
                             title="Accéder aux paramètres du jeu">
                             <img src="/icons/parameters.png" className="w-10 h-10" />
                         </Link>
                         <button 
-                            className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
+                            className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
                             title="Reprendre la partie">
                             <img src="/icons/play.png" className="w-10 h-10" />
                         </button>
                         <button 
-                            className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
+                            className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
                             title="Réinitialiser la partie">
                             <img src="/icons/reset.png" className="w-10 h-10" />
                         </button>
                         <button 
-                            className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
+                            className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
                             title="Commencer les placements">
                             <img src="/icons/placement.png" className="w-10 h-10" />
                         </button>
                         <button 
-                            className="w-[4.5rem] h-[4.5rem] bg-blue-400 rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
+                            className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" 
                             title="Lancer la traque">
                             <img src="/icons/begin.png" className="w-10 h-10" />
                         </button>
                     </div>
                 </div>
                 <div className='h-full w-full mb-5 h-1/2 gap-3 bg-white flex flex-col'>
-                    <div className='w-full gap-3 bg-blue-400 flex flex-col items-center justify-center text-middle shadow-2xl p-1'>
+                    <div className='w-full gap-3 bg-custom-light-blue flex flex-col items-center justify-center text-middle shadow-2xl p-1'>
                         <h2 className="text-2xl">Équipes</h2>
                     </div>
                     <div className="items-center px-6 py-3">
@@ -72,37 +72,37 @@ export default function AdminPage() {
                 </div>
                 <div className='w-full flex flex-row gap-10 items-center px-6 relative'>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Changer le style de la carte">
                         <img src="/icons/mapstyle.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les zones">
                         <img src="/icons/zones.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les noms des équipes">
                         <img src="/icons/names.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les relations de traque">
                         <img src="/icons/arrows.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les incertitudes de position">
                         <img src="/icons/incertitude.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les chemins des équipes">
                         <img src="/icons/path.png" className="w-10 h-10" />
                     </button>
                     <button 
-                        className="w-16 h-16 bg-blue-400 rounded-full hover:bg-blue-500 transition flex items-center justify-center"
+                        className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center"
                         title ="Afficher/cacher les événements">
                         <img src="/icons/informations.png" className="w-10 h-10" />
                     </button>
diff --git a/traque-front/app/admin/parameters/page.js b/traque-front/app/admin/parameters/page.js
index 18346d8..b3d442c 100644
--- a/traque-front/app/admin/parameters/page.js
+++ b/traque-front/app/admin/parameters/page.js
@@ -17,7 +17,7 @@ export default function AdminPage() {
     return (
         <div className='min-h-full bg-gray-200 p-5 flex flex-row content-start gap-5'>
             <div className="h-full w-2/5">
-                <div className='w-full mb-5 h-full gap-3 bg-blue-400 p-7 flex flex-row text-left shadow-2xl'>
+                <div className='w-full mb-5 h-full gap-3 bg-custom-light-blue p-7 flex flex-row text-left shadow-2xl'>
                     <Link href="/admin" className="w-fit flex items-center text-white hover:text-blue-900 transition-colors">
                         <img src="/icons/backarrow.png" className="w-10 h-10 mr-10" title="retour" />
                     </Link>
diff --git a/traque-front/components/admin/teamAdd.jsx b/traque-front/components/admin/teamAdd.jsx
index bf49f78..711a9cc 100644
--- a/traque-front/components/admin/teamAdd.jsx
+++ b/traque-front/components/admin/teamAdd.jsx
@@ -17,7 +17,7 @@ export default function TeamAddForm({onAddTeam}) {
                 <input name="teamName" label='Team name' value={teamName} onChange={(e) => setTeamName(e.target.value)} type="text" className="block w-full h-full p-4 text-center ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-400" />
             </div>
             <div className='w-1/5'>
-                <button type="submit" className="w-5 w-full h-full bg-blue-400 hover:bg-blue-500 transition text-3xl font-bold">+</button>
+                <button type="submit" className="w-5 w-full h-full bg-custom-light-blue hover:bg-blue-500 transition text-3xl font-bold">+</button>
             </div>
         </form>
     )
diff --git a/traque-front/components/admin/teamList.jsx b/traque-front/components/admin/teamList.jsx
index 6cb878f..e83eeea 100644
--- a/traque-front/components/admin/teamList.jsx
+++ b/traque-front/components/admin/teamList.jsx
@@ -1,5 +1,6 @@
 "use client";
 import useAdmin from '@/hook/useAdmin';
+import { GameState } from '@/util/gameState';
 import { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd';
 import React from 'react'
 import { useFormStatus } from 'react-dom';
@@ -20,8 +21,9 @@ const TEAM_STATUS = {
   notready:   { label: "En préparation",  color: "text-custom-grey" },
 };
 
-function TeamListItem({ team, index, onSelected, itemSelected }) {
-    const status = TEAM_STATUS.captured; //Il faudrait ici implementer la logique, ce qui est normalement pas trop difficile
+function TeamListItem({ team, index, onSelected, itemSelected, gamestate }) {
+    console.log(gamestate === GameState.PLAYING ? "En jeu" : "En préparation");
+    const status = gamestate === GameState.PLAYING ? (team.captured ? TEAM_STATUS.captured : (team.outofzone ? TEAM_STATUS.outofzone : TEAM_STATUS.playing)) : (team.ready ? TEAM_STATUS.ready : TEAM_STATUS.notready);
     return (
         <Draggable draggableId={team.id.toString()} index={index} onClick={() => onSelected(team.id)}>
             {provided => (
@@ -46,7 +48,7 @@ function TeamListItem({ team, index, onSelected, itemSelected }) {
 }
 
 export default function TeamList({selectedTeamId, onSelected}) {
-    const {teams, reorderTeams} = useAdmin();
+    const {teams, reorderTeams, gameState} = useAdmin();
     function onDragEnd(result) {
         if (!result.destination) {
             return;
@@ -71,7 +73,7 @@ export default function TeamList({selectedTeamId, onSelected}) {
                     <ul  ref={provided.innerRef} {...provided.droppableProps}>
                         {teams.map((team, i) => (
                             <li key={team.id} onClick={() => onSelected(team.id)}>
-                                <TeamListItem onSelected={onSelected} index={i} itemSelected={selectedTeamId === team.id} team={team} />
+                                <TeamListItem onSelected={onSelected} index={i} itemSelected={selectedTeamId === team.id} team={team} gamestate={gameState} />
                             </li>
                         ))}
                         {provided.placeholder}
diff --git a/traque-front/hook/useAdmin.jsx b/traque-front/hook/useAdmin.jsx
index 8083b0e..2a692d9 100644
--- a/traque-front/hook/useAdmin.jsx
+++ b/traque-front/hook/useAdmin.jsx
@@ -11,7 +11,6 @@ export default function useAdmin() {
     }
 
     function getTeam(teamId) {
-        console.log(teams[0]);
         return teams.find(team => team.id === teamId);
     }
 
diff --git a/traque-front/tailwind.config.js b/traque-front/tailwind.config.js
index ddc9e8a..584744e 100644
--- a/traque-front/tailwind.config.js
+++ b/traque-front/tailwind.config.js
@@ -8,6 +8,7 @@ module.exports = {
         'custom-orange': '#fa6400',
         'custom-blue': '#1e90ff',
         'custom-grey': '#808080',
+        'custom-light-blue': '#80b3ff'
       }
     }
   },