diff --git a/client/src/App.tsx b/client/src/App.tsx
index 2dcde33..f3871a2 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -5,6 +5,7 @@ import { Route, Switch } from "wouter";
 import ErrorBoundary from "./components/ErrorBoundary";
 import { ThemeProvider } from "./contexts/ThemeContext";
 import Home from "./pages/Home";
+import LoginChoice from "./pages/LoginChoice";
 import AdminRapportPublicCible from "./pages/AdminRapportPublicCible";
 import Admin from "./pages/Admin";
 import AdminFormations from "./pages/AdminFormations";
@@ -23,7 +24,8 @@ import Login from "./pages/Login";
 function Router() {
   return (
     <Switch>
-      <Route path={"/"} component={Home} />
+      <Route path={"/"} component={LoginChoice} />
+      <Route path={"/home"} component={Home} />
       <Route path={"/login"} component={Login} />
       <Route path={"/admin/rapport-public-cible"} component={AdminRapportPublicCible} />
       <Route path={"/inscription/:lien"} component={Inscription} />
diff --git a/client/src/pages/LoginChoice.tsx b/client/src/pages/LoginChoice.tsx
new file mode 100644
index 0000000..d4948c4
--- /dev/null
+++ b/client/src/pages/LoginChoice.tsx
@@ -0,0 +1,92 @@
+import { useLocation } from "wouter";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { APP_LOGO, APP_TITLE, getLoginUrl } from "@/const";
+import { KeyRound, Shield } from "lucide-react";
+
+export default function LoginChoice() {
+  const [, setLocation] = useLocation();
+
+  const handleManusLogin = () => {
+    window.location.href = getLoginUrl();
+  };
+
+  const handleLocalLogin = () => {
+    setLocation("/login");
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 p-4">
+      <Card className="w-full max-w-2xl">
+        <CardHeader className="space-y-4">
+          <div className="flex justify-center">
+            <img src={APP_LOGO} alt="Logo" className="h-20 w-auto" />
+          </div>
+          <div className="text-center">
+            <CardTitle className="text-3xl font-bold">{APP_TITLE}</CardTitle>
+            <CardDescription className="mt-3 text-base">
+              Choisissez votre méthode de connexion
+            </CardDescription>
+          </div>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            {/* Connexion Manus OAuth */}
+            <Card className="border-2 hover:border-primary transition-colors cursor-pointer group" onClick={handleManusLogin}>
+              <CardHeader className="text-center pb-4">
+                <div className="flex justify-center mb-4">
+                  <div className="p-4 bg-blue-100 rounded-full group-hover:bg-blue-200 transition-colors">
+                    <Shield className="h-12 w-12 text-blue-600" />
+                  </div>
+                </div>
+                <CardTitle className="text-xl">Connexion Manus</CardTitle>
+                <CardDescription className="mt-2">
+                  Utilisez votre compte Manus (Google, Microsoft, Apple)
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <Button 
+                  className="w-full" 
+                  size="lg"
+                  onClick={handleManusLogin}
+                >
+                  Se connecter avec Manus
+                </Button>
+              </CardContent>
+            </Card>
+
+            {/* Connexion Locale */}
+            <Card className="border-2 hover:border-primary transition-colors cursor-pointer group" onClick={handleLocalLogin}>
+              <CardHeader className="text-center pb-4">
+                <div className="flex justify-center mb-4">
+                  <div className="p-4 bg-green-100 rounded-full group-hover:bg-green-200 transition-colors">
+                    <KeyRound className="h-12 w-12 text-green-600" />
+                  </div>
+                </div>
+                <CardTitle className="text-xl">Connexion Locale</CardTitle>
+                <CardDescription className="mt-2">
+                  Utilisez votre identifiant et mot de passe
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <Button 
+                  className="w-full" 
+                  variant="outline" 
+                  size="lg"
+                  onClick={handleLocalLogin}
+                >
+                  Se connecter localement
+                </Button>
+              </CardContent>
+            </Card>
+          </div>
+
+          <div className="mt-6 text-center text-sm text-gray-600">
+            <p>Vous n'avez pas de compte ?</p>
+            <p className="mt-1">Contactez l'administrateur</p>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/todo.md b/todo.md
index 0ce685e..2ab87b4 100644
--- a/todo.md
+++ b/todo.md
@@ -424,3 +424,21 @@
 - [x] Identifier pourquoi /login redirige vers OAuth au lieu d'afficher le formulaire local
 - [x] Corriger la page Login.tsx pour empêcher la redirection automatique
 - [x] Tester que /login affiche bien le formulaire username/password
+
+## Désactiver la redirection OAuth pour /login
+
+- [ ] Identifier le middleware qui force la redirection vers OAuth
+- [ ] Exclure la route /login de la redirection automatique
+- [ ] Tester que /login affiche bien le formulaire local même après publication
+
+## Créer une page de choix de connexion
+
+- [ ] Créer une page LoginChoice avec boutons "Connexion Manus" et "Connexion locale"
+- [ ] Modifier les routes pour afficher cette page en premier
+- [ ] Tester le choix et les redirections
+
+## Créer une page de choix de connexion
+
+- [x] Créer une page LoginChoice avec boutons "Connexion Manus" et "Connexion locale"
+- [x] Modifier les routes pour afficher cette page en premier
+- [x] Tester le choix et les redirections