diff --git a/front_end/src/components/ressourceList.tsx b/front_end/src/components/ressourceList.tsx
index b398a54..66e767f 100644
--- a/front_end/src/components/ressourceList.tsx
+++ b/front_end/src/components/ressourceList.tsx
@@ -1,4 +1,3 @@
-import ListGroup from "react-bootstrap/ListGroup";
 import { Athlete, Activite } from "../classes";
 
 type Props = {
@@ -9,26 +8,22 @@ type Props = {
 
 function AthleteList({ athletes }: Props) {
     return (
-        <ListGroup>
+        <ul className="AthleteList">
             {athletes.map((athlete) => (
-                <ListGroup.Item key={athlete.id}>
-                    <div>
-                        <strong>Nom:</strong> {athlete.nom}
-                    </div>
-                    <div>
-                        <strong>Groupe:</strong> {athlete.groupe}
-                    </div>
-                </ListGroup.Item>
+                <li key={athlete.id}>
+                    <div><strong>Nom:</strong> {athlete.nom}</div>
+                    <div><strong>Groupe:</strong> {athlete.groupe}</div>
+                </li>
             ))}
-        </ListGroup>
+        </ul>
     );
 }
 
 function ActiviteList({ activites }: Props) {
     return (
-        <ListGroup>
+        <ul className="ActiviteList">
             {activites.map((activite) => (
-                <ListGroup.Item key={activite.id}>
+                <li key={activite.id}>
                     <div>
                         <strong>Nom:</strong> {activite.nom}
                     </div>
@@ -38,9 +33,9 @@ function ActiviteList({ activites }: Props) {
                     <div>
                         <strong>Durée:</strong> {activite.duree} minutes
                     </div>
-                </ListGroup.Item>
+                </li>
             ))}
-        </ListGroup>
+        </ul>
     );
 }