la ça devrait vraiment complétement marcher

cryptide_project/src/Components/NavBar.tsx

@@ -52,13 +52,13 @@ function AppNavbar({changeLocale}) {
                 <Navbar.Toggle aria-controls="basic-navbar-nav" />
                 <Navbar.Collapse id="basic-navbar-nav">
                     <Nav className="me-auto">
-                        <Nav.Link href="/" style={{ color: theme.colors.text }}>
+                        <Nav.Link href={`${basePath}/`} style={{ color: theme.colors.text }}>
                             Jouer
                         </Nav.Link>
-                        <Nav.Link href="/presentation" style={{ color: theme.colors.text }}>
+                        <Nav.Link href={`${basePath}/presentation`} style={{ color: theme.colors.text }}>
                             Présentation
                         </Nav.Link>
-                        <Nav.Link href="/info" style={{ color: theme.colors.text }}>
+                        <Nav.Link href={`${basePath}/info`} style={{ color: theme.colors.text }}>
                             Info
                         </Nav.Link>
                     </Nav>

cryptide_project/src/Pages/Home.tsx

@@ -13,6 +13,9 @@ import { socket } from '../SocketConfig';
 import JSONParser from '../JSONParser';
 
 
+const basePath = process.env.REACT_APP_BASE_PATH || '/containers/Crypteam-website';
+
+
 // @ts-ignore
 function Home() {
     const theme=useTheme();
@@ -100,7 +103,7 @@ function Home() {
             {/* <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3> */}
             {/* <button>Jouer au jeu</button> */}
             <br/>
-            <Link to="/play" className='button' 
+            <Link to={`${basePath}/`} className='button' 
                 style={{ 
                     backgroundColor: theme.colors.primary,
                     borderColor: theme.colors.secondary