Upload 18 files

.gitattributes

@@ -35,3 +35,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 Projet4A_PredictionsBoursieres-main/Modèle[[:space:]]IA/global_lstm_returns.keras filter=lfs diff=lfs merge=lfs -text
 Projet4A_PredictionsBoursieres-main/Modèle[[:space:]]IA/global_return_lstm.keras filter=lfs diff=lfs merge=lfs -text
+Modèle[[:space:]]IA/global_lstm_returns.keras filter=lfs diff=lfs merge=lfs -text

Data/data_report.csv

@@ -0,0 +1,9 @@
+symbol,start_date,end_date,days_count,last_price,last_volume,update_time
+AAPL,1980-12-12,2025-12-10,11341,278.1700134277344,12514521,2025-12-10 18:34:31
+TSLA,2010-06-29,2025-12-10,3888,445.5950012207031,28317579,2025-12-10 18:34:31
+MSFT,1986-03-13,2025-12-10,10015,477.1300048828125,14440362,2025-12-10 18:34:31
+BTC-USD,2014-09-17,2025-12-10,4103,92234.1796875,55508463616,2025-12-10 18:34:31
+GOOGL,2004-08-19,2025-12-10,5363,316.07000732421875,15150934,2025-12-10 18:34:31
+NVDA,1999-01-22,2025-12-10,6764,182.6300048828125,79020963,2025-12-10 18:34:31
+AMZN,1997-05-15,2025-12-10,7189,230.2949981689453,17906775,2025-12-10 18:34:31
+META,2012-05-18,2025-12-10,3411,644.72998046875,7253473,2025-12-10 18:34:31

Interface Graphique/app.py

@@ -0,0 +1,120 @@
+import dash
+from dash import dcc, html, Input, Output
+import yfinance as yf
+
+# === INITIALISATION ===
+app = dash.Dash(__name__,use_pages=True, suppress_callback_exceptions=True, external_stylesheets=[  "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" ])
+app.title = "TradeLux - Plateforme de Trading"
+
+# === TICKERS ===
+TICKERS = {
+    "BTC-USD": "BTC/USD",
+    "ETH-USD": "ETH/USD",
+    "^IXIC": "NASDAQ",
+    "AAPL": "AAPL",
+    "GOOGL": "GOOGL"
+}
+
+# === RÉCUPÉRATION DONNÉES ===
+def fetch_ticker_data():
+    data = []
+    for symbol, label in TICKERS.items():
+        try:
+            stock = yf.Ticker(symbol)
+            hist = stock.history(period="1d", interval="1m")
+            if len(hist) >= 2:
+                current = hist['Close'].iloc[-1]
+                prev = hist['Close'].iloc[-2]
+                change = (current - prev) / prev * 100
+                change_str = f"up {change:.2f}%" if change > 0 else f"down {abs(change):.2f}%"
+                change_class = "up" if change > 0 else "down"
+                data.append({"label": label, "value": f"{current:,.2f}", "change": change_str, "class": change_class})
+            else:
+                data.append({"label": label, "value": "N/A", "change": "down 0.0%", "class": "down"})
+        except:
+            data.append({"label": label, "value": "ERR", "change": "down 0.0%", "class": "down"})
+    return data
+
+# === LAYOUT COMPLET (TOUT DEDANS) ===
+app.layout = html.Div([
+    # Fond animé
+    html.Div(className="trade-bg"),
+    html.Div(className="grid-lines"),
+    html.Div([html.Div(className="particle") for _ in range(40)]),
+
+    # === OBLIGATOIRE : dcc.Interval + dcc.Location ===
+    dcc.Location(id="url", refresh=False),
+    dcc.Interval(id="interval-component", interval=5*60*1000, n_intervals=0, disabled=True),
+
+    # Ticker
+    html.Div(id="ticker-container"),
+
+    # Navbar
+    html.Div(id="navbar", className="navbar", children=[
+        html.Div(className="navbar-left", children=[
+            html.Img(src="/assets/logo.png", className="logo", alt="Logo")
+        ]),
+        html.Div(className="nav-links", children=[
+            dcc.Link("Accueil", href="/", className="nav-link"),
+            dcc.Link("Marchés", href="/actions_page", className="nav-link"),
+            dcc.Link("Analyse", href="/data", className="nav-link"),
+            html.A("Contact", href="#contact-section", className="nav-link", **{"data-scroll": ""}),
+        ]),
+    ]),
+
+    # Contenu principal avec animation
+    html.Div(id="page-content", className="page-content", children=[
+        html.Div(id="page-transition", children=dash.page_container)
+    ])
+])
+
+# === CALLBACK PRINCIPAL : TOUT CONTRÔLE ===
+@app.callback(
+    Output("ticker-container", "children"),
+    Output("interval-component", "disabled"),
+    Output("navbar", "className"),
+    Output("page-content", "className"),
+    Output("page-transition", "className"),
+    Input("url", "pathname")
+)
+def control_layout(pathname):
+    if pathname == "/":
+        return (
+            html.Div(className="ticker-wrap", children=[
+                html.Div(id="ticker-inner", className="ticker-inner")
+            ]),
+            False,  # interval activé
+            "navbar with-ticker",
+            "page-content with-ticker",
+            "page-fade-in"
+        )
+    else:
+        return (
+            "",  # pas de ticker
+            True,  # interval désactivé
+            "navbar no-ticker",
+            "page-content no-ticker",
+            "page-fade-in"
+        )
+
+# === CALLBACK TICKER : FLUIDE INFINI ===
+@app.callback(
+    Output("ticker-inner", "children"),
+    Input("interval-component", "n_intervals")
+)
+def update_ticker(n):
+    data = fetch_ticker_data()
+    items = [  
+        html.Div(className="ticker-item", children=[
+            html.Span(d["label"]),
+            html.Span(className="ticker-value", children=d["value"]),
+            html.Span(className=f"ticker-change {d['class']}", children=d["change"])
+        ])
+        for symbol, d in zip(TICKERS.keys(), data)
+    ]
+    ticker_set = html.Div(className="ticker-set", children=items)
+    return [ticker_set, ticker_set]  # 2x → boucle parfaite 
+
+# === LANCEMENT ===
+if __name__ == "__main__":
+    app.run( port=7860, debug=True)

Interface Graphique/assets/style.css

@@ -0,0 +1,1038 @@
+/* ---------------------------
+            THEME
+   --------------------------- */
+
+/* Polices */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700;900&display=swap');
+
+/* Variables */
+:root {
+  --bg: #010214;
+  --panel: rgba(255,255,255,0.02);
+  --accent: #00f0ff;
+  --accent-2: #8be9ff;
+  --glass-border: rgba(140,220,255,0.08);
+  --glass-shadow: rgba(0,240,255,0.05);
+  --muted: #b8dff0;
+}
+
+/* Global */
+* { box-sizing: border-box; }
+body {
+  margin: 0;
+  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
+  background: var(--bg);
+  color: #eaf6ff;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overflow-x: hidden;
+}
+
+/* BACKGROUND ANIMÉ */
+.trade-bg {
+  position: fixed; inset: 0; z-index: -20;
+  background: radial-gradient(circle at 20% 20%, #0c0f2a, #010214 80%);
+  overflow: hidden;
+}
+
+.grid-lines {
+  position: fixed; inset: 0; z-index: -19;
+  background-image:
+    linear-gradient(0deg, rgba(0,255,255,0.02) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0,255,255,0.01) 1px, transparent 1px);
+  background-size: 300px 300px, 300px 300px;
+  animation: gridShift 40s linear infinite;
+  opacity: 0.6;
+}
+@keyframes gridShift { from { transform: translate(0,0); } to { transform: translate(-200px,-200px); } }
+
+/* PARTICULES */
+.particle {
+  position: absolute;
+  width: 3px; height: 3px; border-radius: 50%;
+  background: linear-gradient(180deg, var(--accent), var(--accent-2));
+  opacity: 0.8;
+  animation: floatUp 12s linear infinite;
+}
+@keyframes floatUp {
+  0% { transform: translateY(0) scale(1); opacity: 0.8; }
+  50% { transform: translateY(-80vh) scale(1.3); opacity: 1; }
+  100% { transform: translateY(0) scale(1); opacity: 0.5; }
+}
+
+/* ====================== TICKER ULTRA-FLUIDE INFINI ====================== */
+.ticker-wrap {
+  position: fixed;
+  top: 0; left: 0; right: 0;
+  height: 44px;
+  overflow: hidden;
+  z-index: 1000;
+  pointer-events: none;
+  background: linear-gradient(90deg, rgba(0,10,18,0.8), rgba(0,10,18,0.6));
+  backdrop-filter: blur(8px);
+  border-bottom: 1px solid rgba(0,240,255,0.1);
+}
+
+.ticker-inner {
+  display: flex;
+  animation: scroll-left 20s linear infinite;
+  gap: 30px;
+  will-change: transform;
+}
+
+.ticker-set {
+  display: flex;
+  gap: 30px;
+  flex-shrink: 0;
+}
+
+.ticker-item {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 6px 18px;
+  background: rgba(0,10,18,0.7);
+  border-radius: 10px;
+  border: 1px solid rgba(0,240,255,0.1);
+  box-shadow: 0 4px 15px rgba(0,240,255,0.08);
+  backdrop-filter: blur(4px);
+  transition: all 0.3s ease;
+  white-space: nowrap;
+}
+
+.ticker-item:hover {
+  transform: translateY(-2px) scale(1.05);
+  box-shadow: 0 8px 25px rgba(0,240,255,0.2);
+  border-color: rgba(0,240,255,0.3);
+}
+
+.ticker-value {
+  font-weight: 700;
+  color: #e6ffff;
+  font-size: 1rem;
+}
+
+.ticker-change {
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+
+.ticker-change.up { color: #7cffb2; text-shadow: 0 0 8px rgba(124,255,178,0.4); }
+.ticker-change.down { color: #ff7b7b; text-shadow: 0 0 8px rgba(255,123,123,0.3); }
+
+@keyframes scroll-left {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+
+/* ====================== NAVBAR DYNAMIQUE ====================== */
+.navbar {
+  position: fixed;
+  left: 0; right: 0;
+  z-index: 2000;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 14px 48px;
+  gap: 20px;
+  background: linear-gradient(180deg, rgba(2,8,18,0.6), rgba(2,8,18,0.35));
+  border-bottom: 1px solid rgba(140,220,255,0.03);
+  backdrop-filter: blur(8px);
+  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
+  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+.navbar.with-ticker { top: 44px; }
+.navbar.no-ticker { top: 0; border-top: 1px solid rgba(140,220,255,0.03); }
+
+.navbar .logo { height: 52px; filter: drop-shadow(0 4px 18px rgba(0,240,255,0.06)); }
+
+.nav-links {
+  display: flex;
+  gap: 28px;
+  align-items: center;
+}
+
+.nav-link {
+  color: var(--muted);
+  text-decoration: none;
+  font-weight: 600;
+  letter-spacing: 0.6px;
+  padding: 6px 4px;
+  position: relative;
+  transition: all 0.3s ease;
+}
+
+.nav-link::after {
+  content: "";
+  position: absolute;
+  left: 0; right: 0; bottom: -6px;
+  height: 2px; width: 0%;
+  background: linear-gradient(90deg, var(--accent), var(--accent-2));
+  transition: width 0.28s ease;
+}
+
+.nav-link:hover {
+  color: var(--accent-2);
+  transform: translateY(-1px);
+}
+
+.nav-link:hover::after { width: 100%; }
+
+/* ====================== PAGE CONTENT ====================== */
+.page-content {
+  position: relative;
+  z-index: 1000;
+  max-width: 1200px;
+  margin: 0 auto;
+  transition: padding-top 0.4s ease;
+}
+
+.page-content:has(.actions-page) {
+  max-width: none;
+  margin: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.page-content.with-ticker { padding-top: 140px; }
+.page-content.no-ticker { padding-top: 96px; }
+
+/* ====================== HERO - TITRE SANS FOND + PLUS D'ESPACE ====================== */
+.hero {
+  text-align: center;
+  padding: 200px 20px 100px;
+  margin: 0;
+  background: transparent !important;
+  position: relative;
+  z-index: 100;
+  animation: heroFade 2s ease forwards;
+}
+
+.hero h1 {
+  font-size: 4.3rem;
+  font-weight: 900;
+  background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 
+    0 0 20px rgba(0,240,255,0.6),
+    0 0 40px rgba(0,240,255,0.4),
+    0 0 80px rgba(0,240,255,0.2);
+  margin: 0 0 28px;
+  letter-spacing: 1.6px;
+  animation: titlePulse 3s ease-in-out infinite alternate;
+}
+
+@keyframes titlePulse {
+  from { 
+    text-shadow: 0 0 20px rgba(0,240,255,0.6), 0 0 40px rgba(0,240,255,0.4), 0 0 80px rgba(0,240,255,0.2); 
+  }
+  to { 
+    text-shadow: 0 0 30px rgba(0,240,255,0.8), 0 0 60px rgba(0,240,255,0.6), 0 0 100px rgba(0,240,255,0.4); 
+  }
+}
+
+.hero .neon-underline {
+  height: 6px;
+  width: 200px;
+  background: var(--accent);
+  margin: 0 auto 40px;
+  border-radius: 3px;
+  box-shadow: 
+    0 0 25px var(--accent),
+    0 0 50px rgba(0,240,255,0.8),
+    0 0 70px rgba(0,240,255,0.5);
+  animation: pulseGlow 1.6s ease-in-out infinite alternate;
+}
+
+.hero p {
+  color: #bfeeff;
+  font-size: 1.25rem;
+  font-weight: 500;
+  max-width: 850px;
+  margin: 0 auto 50px;
+  line-height: 1.8;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
+}
+
+@keyframes heroFade { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
+
+/* ====================== À PROPOS - DESCENDU ENCORE PLUS ====================== */
+.about-section {
+  padding: 260px 20px 120px;
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+
+.about-container {
+  max-width: 1100px;
+  width: 100%;
+  background: linear-gradient(145deg, rgba(10, 25, 50, 0.6), rgba(5, 15, 35, 0.45));
+  border-radius: 24px;
+  border: 1px solid rgba(0, 240, 255, 0.18);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  padding: 50px 40px;
+  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 240, 255, 0.12);
+  position: relative;
+  transition: all 0.6s ease;
+}
+
+.about-container::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: radial-gradient(circle at 30% 30%, rgba(0, 240, 255, 0.08), transparent 70%);
+  pointer-events: none;
+}
+
+.about-container:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.7), 0 0 60px rgba(0, 240, 255, 0.2);
+  border-color: rgba(0, 240, 255, 0.35);
+}
+
+.about-title {
+  font-size: 2.6rem;
+  font-weight: 900;
+  background: linear-gradient(90deg, #8be9ff, #00f0ff, #8be9ff);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0 0 25px rgba(0, 240, 255, 0.4);
+  margin: 0;
+  letter-spacing: 1.2px;
+  text-align: center;
+}
+
+.neon-underline {
+  height: 4px;
+  width: 100px;
+  background: var(--accent);
+  margin: 18px auto 0;
+  border-radius: 2px;
+  box-shadow: 0 0 20px var(--accent), 0 0 40px rgba(0, 240, 255, 0.5);
+  animation: pulseGlow 2.2s ease-in-out infinite alternate;
+}
+
+.about-text {
+  font-size: 1.15rem;
+  line-height: 1.8;
+  color: #d0f8ff;
+  text-align: center;
+  margin: 0 auto 50px;
+  max-width: 900px;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+.values-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 24px;
+}
+
+.value-card {
+  background: rgba(15, 30, 60, 0.4);
+  border-radius: 16px;
+  padding: 24px 20px;
+  text-align: center;
+  border: 1px solid rgba(0, 240, 255, 0.1);
+  transition: all 0.5s ease;
+  backdrop-filter: blur(6px);
+}
+
+.value-card:hover {
+  transform: translateY(-10px) scale(1.03);
+  background: rgba(20, 40, 80, 0.6);
+  border-color: rgba(0, 240, 255, 0.3);
+  box-shadow: 0 20px 40px rgba(0, 240, 255, 0.15);
+}
+
+.value-card h4 {
+  margin: 12px 0 8px;
+  font-size: 1.3rem;
+  color: #e6ffff;
+  font-weight: 700;
+}
+
+.value-card p {
+  margin: 0;
+  font-size: 0.95rem;
+  color: #b8e0ff;
+}
+
+/* ====================== CONTACT LUXE ====================== */
+.contact-section {
+  padding: 80px 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.contact-container {
+  display: flex;
+  gap: 40px;
+  max-width: 1400px;
+  width: 100%;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: stretch;
+}
+
+.contact-card {
+  flex: 1;
+  min-width: 380px;
+  max-width: 480px;
+  background: linear-gradient(145deg, rgba(10, 25, 50, 0.55), rgba(5, 15, 35, 0.4));
+  border-radius: 20px;
+  border: 1px solid rgba(0, 240, 255, 0.15);
+  backdrop-filter: blur(14px);
+  padding: 36px;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 240, 255, 0.1);
+  transition: all 0.6s ease;
+}
+
+.contact-card:hover {
+  transform: translateY(-12px) scale(1.02);
+  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 50px rgba(0, 240, 255, 0.2);
+  border-color: rgba(0, 240, 255, 0.3);
+}
+
+.contact-title {
+  font-size: 2rem;
+  font-weight: 700;
+  background: linear-gradient(90deg, #8be9ff, #00f0ff, #8be9ff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0 0 20px rgba(0, 240, 255, 0.3);
+  margin: 0;
+  text-align: center;
+}
+
+.neon-line {
+  height: 3px;
+  width: 80px;
+  background: var(--accent);
+  margin: 16px auto 0;
+  border-radius: 2px;
+  box-shadow: 0 0 15px var(--accent), 0 0 30px rgba(0, 240, 255, 0.4);
+  animation: pulseGlow 2s ease-in-out infinite alternate;
+}
+
+.info-line {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 18px;
+  font-size: 1.05rem;
+  color: #d0f8ff;
+  transition: all 0.3s ease;
+}
+
+.info-line i {
+  font-size: 1.3rem;
+  color: var(--accent);
+  text-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
+}
+
+.info-line:hover {
+  color: #ffffff;
+  transform: translateX(6px);
+}
+
+.info-line:hover i {
+  transform: scale(1.2);
+  color: #8be9ff;
+}
+
+.social-icons {
+  display: flex;
+  gap: 18px;
+  margin-top: 24px;
+  justify-content: center;
+}
+
+.social-icons a {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: rgba(0, 240, 255, 0.1);
+  color: var(--accent);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.3rem;
+  transition: all 0.4s ease;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
+}
+
+.social-icons a:hover {
+  transform: translateY(-6px) scale(1.15);
+  background: rgba(0, 240, 255, 0.25);
+  color: white;
+  box-shadow: 0 15px 30px rgba(0, 240, 255, 0.3);
+}
+
+.map-container {
+  flex: 1;
+  min-width: 380px;
+  max-width: 600px;
+  height: 420px;
+  border-radius: 20px;
+  overflow: hidden;
+  position: relative;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 240, 255, 0.15);
+  border: 1px solid rgba(0, 240, 255, 0.15);
+  transition: all 0.6s ease;
+}
+
+.map-container:hover {
+  transform: translateY(-10px);
+  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 60px rgba(0, 240, 255, 0.25);
+}
+
+.map-overlay {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  width: 50px;
+  height: 50px;
+  pointer-events: none;
+}
+
+.map-pin {
+  position: absolute;
+  top: 50%; left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 1.8rem;
+  color: #ff3366;
+  text-shadow: 0 0 20px rgba(255, 51, 102, 0.8);
+  animation: pulsePin 2s infinite;
+}
+
+.pulse-ring {
+  position: absolute;
+  top: 50%; left: 50%;
+  width: 40px; height: 40px;
+  border: 3px solid #ff3366;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  animation: pulseRing 2s infinite;
+}
+
+@keyframes pulseRing { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } }
+@keyframes pulsePin { 0%, 100% { transform: translate(-50%, -50%) scale(1); } 50% { transform: translate(-50%, -70%) scale(1.1); } }
+@keyframes pulseGlow { from { box-shadow: 0 0 15px var(--accent), 0 0 30px rgba(0, 240, 255, 0.4); } to { box-shadow: 0 0 25px var(--accent), 0 0 50px rgba(0, 240, 255, 0.6); } }
+
+/* ====================== PAGE ACTIONS - TradeLux FUTURISTE LUXE ====================== */
+.actions-page {
+  padding: 40px 40px 100px;
+  width: 100%;
+  max-width: none;   
+  margin: 0;         
+  position: relative;
+  z-index: 10;
+}
+
+/* Titre principal */
+.page-title {
+  text-align: center;
+  margin-bottom: 70px;
+  margin-top : auto;
+}
+.glow-title {
+  font-size: 4rem;
+  font-weight: 900;
+  background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: 
+    0 0 20px rgba(0,240,255,0.6),
+    0 0 40px rgba(0,240,255,0.4),
+    0 0 80px rgba(0,240,255,0.2);
+  margin: 0;
+  letter-spacing: 1.5px;
+  animation: titlePulse 3s ease-in-out infinite alternate;
+}
+
+.neon-underline {
+  height: 5px;
+  width: 160px;
+  background: var(--accent);
+  margin: 24px auto 0;
+  border-radius: 3px;
+  box-shadow: 
+    0 0 20px var(--accent),
+    0 0 40px rgba(0,240,255,0.7),
+    0 0 60px rgba(0,240,255,0.4);
+  animation: pulseGlow 1.8s ease-in-out infinite alternate;
+}
+
+/* Conteneur principal */
+.actions-container {
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+}
+
+.actions-container > .metrics-panel,
+.actions-container > .advanced-control-panel{
+  grid-column: 1 / -1; /* ces div prennent toute la largeur */
+}
+
+/* ====================== ACTIONS NAVBAR ====================== */
+.actions-navbar {
+  position: sticky;
+  top: 96px; /* ajuste selon ta navbar principale */
+  z-index: 1500;
+
+  width: 100%;
+  padding: 18px 36px;
+  margin-bottom: 40px;
+
+  background: linear-gradient(
+    145deg,
+    rgba(8,20,40,0.85),
+    rgba(4,12,30,0.75)
+  );
+
+  backdrop-filter: blur(22px);
+  border-bottom: 1.5px solid rgba(0,240,255,0.25);
+
+  box-shadow:
+    0 20px 60px rgba(0,0,0,0.65),
+    0 0 40px rgba(0,240,255,0.15);
+}
+
+.actions-navbar-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 28px;
+}
+
+/* Liste horizontale */
+.stock-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 14px;
+  overflow: visible;
+  position: relative;
+  z-index: 10;
+  padding-bottom: 6px;
+}
+
+.stock-bar::-webkit-scrollbar {
+  height: 6px;
+}
+.stock-bar::-webkit-scrollbar-thumb {
+  background: rgba(0,240,255,0.3);
+  border-radius: 10px;
+}
+
+@media (max-width: 900px) {
+  .stock-bar {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+  }
+
+  .stock-item {
+    flex: 0 0 auto;
+  }
+}s
+
+/* === LISTE ACTIONS === */
+.stock-list {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  max-height: 75%;
+  overflow: visible;
+  padding-right: 6px;
+}
+
+/* Scroll discret */
+.stock-list::-webkit-scrollbar {
+  width: 6px;
+}
+.stock-list::-webkit-scrollbar-thumb {
+  background: rgba(0,240,255,0.25);
+  border-radius: 10px;
+}
+.stock-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+/* === ACTION ITEM === */
+.stock-item {
+  flex-shrink: 0;
+  padding: 14px 18px;
+  text-align: center;
+  font-size: 1.05rem;
+  font-weight: 700;
+  letter-spacing: 0.6px;
+  position:relative;
+  z-index: 100;
+
+  background: linear-gradient(
+    135deg,
+    rgba(15,35,70,0.55),
+    rgba(10,25,55,0.45)
+  );
+
+  border-radius: 16px;
+  border: 1.5px solid rgba(0,240,255,0.18);
+  cursor: pointer;
+
+  transition: 
+    transform 0.25s ease,
+    box-shadow 0.25s ease,
+    border-color 0.25s ease,
+    background 0.25s ease;
+}
+
+.stock-item:hover {
+  z-index: 1000;
+  transform: translateY(-6px) scale(1.05);
+  background: linear-gradient(
+    135deg,
+    rgba(25,55,100,0.7),
+    rgba(15,40,85,0.6)
+  );
+  border-color: rgba(0,240,255,0.45);
+  box-shadow: 0 10px 30px rgba(0,240,255,0.25);
+}
+
+/* === ACTION ACTIVE === */
+.stock-item.active {
+  z-index: 1000;
+  background: linear-gradient(
+    135deg,
+    var(--accent),
+    var(--accent-2)
+  );
+  color: #001018;
+  font-weight: 900;
+  border-color: rgba(0,240,255,0.9);
+
+  box-shadow:
+    0 0 25px rgba(0,240,255,0.7),
+    0 0 60px rgba(0,240,255,0.4);
+}
+
+/* Panneaux */
+.ai-panel, .text-panel{
+  background: linear-gradient(145deg, rgba(10,25,50,0.75), rgba(5,15,35,0.6));
+  border-radius: 24px;
+  border: 1.5px solid rgba(0,240,255,0.22);
+  padding: 36px;
+  backdrop-filter: blur(18px);
+  -webkit-backdrop-filter: blur(18px);
+  box-shadow: 
+    0 25px 70px rgba(0,0,0,0.6),
+    0 0 40px rgba(0,240,255,0.15),
+    inset 0 1px 0 rgba(255,255,255,0.06);
+  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
+  position: relative;
+  overflow: hidden;
+
+}
+
+.ai-panel{
+  padding: 10px;
+}
+
+.text-panel::before .ai-panel::before{
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.12), transparent 70%);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.5s ease;
+}
+
+.metrics-panel:hover::before { opacity: 1; }
+
+.metrics-panel:hover {
+  transform: translateY(-10px) scale(1.02);
+  box-shadow: 
+    0 40px 100px rgba(0,0,0,0.7),
+    0 0 60px rgba(0,240,255,0.3),
+    inset 0 1px 0 rgba(255,255,255,0.12);
+  border-color: rgba(0,240,255,0.45);
+}
+
+.advanced-control-panel{
+  background: linear-gradient(145deg, rgba(10,25,50,0.75), rgba(5,15,35,0.6));
+  border-radius: 24px;
+  border: 1.5px solid rgba(0,240,255,0.22);
+  padding: 36px;
+  backdrop-filter: blur(18px);
+  -webkit-backdrop-filter: blur(18px);
+  box-shadow: 
+    0 25px 70px rgba(0,0,0,0.6),
+    0 0 40px rgba(0,240,255,0.15),
+    inset 0 1px 0 rgba(255,255,255,0.06);
+  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
+  position: relative;
+  overflow: hidden;
+  width : 1100px;
+}
+
+/* Titre des panneaux */
+.panel-title {
+  color: var(--accent-2);
+  font-size: 1.55rem;
+  font-weight: 800;
+  margin: 0 0 22px;
+  text-shadow: 0 0 18px rgba(139,233,255,0.4);
+  letter-spacing: 0.8px;
+  position: relative;
+}
+.panel-title::after {
+  content: '';
+  position: absolute;
+  bottom: -10px; left: 0;
+  width: 55px; height: 4px;
+  background: linear-gradient(90deg, var(--accent), transparent);
+  border-radius: 2px;
+  box-shadow: 0 0 15px var(--accent);
+}
+
+/* Dropdowns */
+.lux-dropdown {
+  background: rgba(5,15,35,0.92) !important;
+  border: 2px solid rgba(0,240,255,0.28) !important;
+  color: #e6ffff !important;
+  border-radius: 16px;
+  padding: 14px 18px;
+  font-size: 1.08rem;
+  font-weight: 600;
+  box-shadow: 0 10px 30px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
+  transition: all 0.35s ease;
+  min-width: 180px;
+  width: auto; /* largeur automatique selon le contenu */
+}
+
+.lux-dropdown .Select-control {
+  background: rgba(5,15,35,0.9) !important;
+  color: #00f0ff !important;
+  border: 2px solid rgba(0,240,255,0.28) !important;
+  border-radius: 16px;
+}
+
+.lux-dropdown .Select-control .Select-value .Select-value-label {
+  color: #e6ffff !important;  /* couleur du texte sélectionné */
+}
+
+.lux-dropdown:focus {
+  outline: none;
+  border-color: var(--accent) !important;
+  box-shadow: 0 0 25px rgba(0,240,255,0.5), inset 0 1px 0 rgba(255,255,255,0.15);
+}
+
+.scrollable-dropdown .Select-menu-outer {
+  position: absolute !important;       
+  top: 100%;                
+  left: 0;
+  z-index: 9999;            
+  width : 150px;       
+  overflow-y: auto;
+  background: rgba(5,15,35,0.98) !important;
+  border: 2px solid rgba(0,240,255,0.28) !important;
+  border-radius: 16px;
+  box-shadow: 0 15px 40px rgba(0,0,0,0.5);
+}
+
+.scrollable-dropdown .Select-option {
+  color: #e6ffff !important;
+  background: rgba(10,25,55,0.7) !important;
+  padding: 13px 20px;
+  border-bottom: 1px solid rgba(0,240,255,0.1);
+  transition: all 0.3s ease;
+}
+
+.scrollable-dropdown .Select-option.is-focused,
+.scrollable-dropdown .Select-option:hover {
+  background: rgba(0,240,255,0.25) !important;
+  color: white !important;
+  text-shadow: 0 0 12px rgba(0,240,255,0.7);
+  font-weight: 700;
+}
+
+/* Métriques */
+.metrics-grid { gap: 20px; }
+
+.metric-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 18px 24px;
+  background: linear-gradient(135deg, rgba(15,35,70,0.55), rgba(10,25,55,0.45));
+  border-radius: 18px;
+  border: 1.5px solid rgba(0,240,255,0.18);
+  transition: all 0.4s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.metric-item::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; width: 5px; height: 100%;
+  background: var(--accent);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.metric-label { color: #b8e0ff; font-weight: 600; font-size: 1rem; }
+.metric-value { color: #e6ffff; font-weight: 800; font-size: 1.4rem; text-shadow: 0 0 12px rgba(230,255,255,0.4); }
+.metric-change.up { color: #7cffb2; font-weight: 800; text-shadow: 0 0 18px rgba(124,255,178,0.7); animation: pulseUp 1.6s infinite; }
+.metric-change.down { color: #ff7b7b; font-weight: 800; text-shadow: 0 0 18px rgba(255,123,123,0.7); animation: pulseDown 1.6s infinite; }
+
+@keyframes pulseUp { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
+@keyframes pulseDown { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
+
+/* GRAPHIQUE LARGE */
+.graph-panel {
+  background: linear-gradient(145deg, rgba(8,20,40,0.92), rgba(3,10,25,0.78));
+  border-radius: 32px;
+  border: 2px solid rgba(0,240,255,0.3);
+  padding: 44px;
+  backdrop-filter: blur(22px);
+  box-shadow: 0 35px 100px rgba(0,0,0,0.75), 0 0 60px rgba(0,240,255,0.25), inset 0 2px 0 rgba(255,255,255,0.1);
+  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+.lux-graph {
+  height: 620px !important;
+  width: 100% !important;
+  border-radius: 24px;
+  
+  box-shadow: 0 25px 60px rgba(0,0,0,0.6), inset 0 0 40px rgba(0,240,255,0.18);
+  background: rgba(0,0,0,0.5) !important;
+}
+
+/* ====================== RESPONSIVE ====================== */
+@media (max-width: 1600px) {
+  .actions-container { grid-template-columns: 1fr 1fr; }
+  .graph-panel { grid-column: 1 / span 2; }
+}
+
+@media (max-width: 1000px) {
+  .actions-container { grid-template-columns: 1fr; }
+  .glow-title, .hero h1 { font-size: 3.2rem; }
+  .lux-graph { height: 500px !important; }
+  .hero { padding: 180px 20px 80px; }
+  .about-section { padding: 200px 20px 100px; }
+}
+
+@media (max-width: 900px) {
+  .navbar { padding: 12px 20px; }
+  .page-content.with-ticker { padding-top: 160px; }
+  .ticker-wrap { display: none; }
+  .contact-container, .about-container { gap: 30px; padding: 30px 20px; }
+  .contact-card, .map-container { min-width: 100%; }
+  .map-container { height: 350px; }
+}
+
+@media (max-width: 600px) {
+  .actions-page { padding: 110px 20px 70px; }
+  .control-panel, .metrics-panel, .graph-panel { padding: 28px; }
+  .glow-title, .hero h1 { font-size: 2.6rem; }
+  .hero { padding: 140px 15px 60px; }
+  .hero p { font-size: 1.1rem; }
+  .about-section { padding: 160px 15px 80px; }
+}
+
+/* Ligne double AI + Stats */
+.dual-panel-row {
+  display: grid;
+  grid-template-columns: 1fr; /* mobile */
+  gap: 40px;
+}
+
+/* Écrans larges */
+@media (min-width: 1200px) {
+  .dual-panel-row {
+    grid-template-columns: 1.3fr 1fr;
+    align-items: stretch;
+  }
+}
+
+/* ======================
+   TOP STATS - TABLEAU STYLE LUXE
+   ====================== */
+
+/* Style général du tableau */
+.lux-table {
+  width: 100%;
+  border-collapse: separate; 
+  border-spacing: 0 8px; 
+  background: linear-gradient(145deg, rgba(10,25,50,0.6), rgba(5,15,35,0.45));
+  border-radius: 20px;
+  overflow: hidden;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 30px rgba(0,240,255,0.1);
+  font-family: 'Inter', sans-serif;
+  font-size: 1.05rem;
+}
+
+/* Corps du tableau */
+.lux-table tbody tr {
+  transition: all 0.3s ease;
+  background: linear-gradient(135deg, rgba(15,35,70,0.5), rgba(10,25,55,0.35));
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
+  border-left: 1.5px solid rgba(0,240,255,0.12);
+  border-right: 1.5px solid rgba(0,240,255,0.12);
+}
+
+/* Cellules */
+.lux-table td {
+  padding: 18px 14px;
+  text-align: center;
+  font-weight: 600;
+  color: #eaf6ff;
+  white-space: nowrap;
+  transition: color 0.3s ease;
+}
+
+/* Couleur selon valeur */
+.lux-table .up { color: #7cffb2; font-weight: 700; }
+.lux-table .down { color: #ff7b7b; font-weight: 700; }
+
+.metric-value .up { color: #7cffb2; font-weight: 700; }
+.metric-value .down { color: #ff7b7b; font-weight: 700; }
+
+
+/* Responsive : réduire padding sur mobile */
+@media (max-width: 900px) {
+  .lux-table td {
+    padding: 12px 8px;
+    font-size: 0.95rem;
+  }
+}
+
+/* lignes alternées discrètes */
+.lux-table tbody tr:nth-child(even) {
+  background: linear-gradient(135deg, rgba(15,35,70,0.45), rgba(10,25,55,0.3));
+}
+
+.table-container {
+  width: 100%;
+  overflow-x: auto;  /* scroll horizontal si trop large */
+  max-height: 500px;   
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch; /* smooth scroll sur mobile */
+}
+
+.table-container table {
+  width: 100%;
+  min-width: 800px; /* largeur minimale pour forcer le scroll si écran trop petit */
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+

Interface Graphique/pages/actions_page.py

@@ -0,0 +1,360 @@
+from dash import html, dcc, Input, Output, State, callback, register_page,no_update,ctx,ALL
+import plotly.graph_objects as go
+import pandas as pd
+import numpy as np
+from tensorflow.keras.models import load_model
+
+register_page(__name__, path="/actions_page", name="Actions")
+
+df_report = pd.read_csv("Data/data_report.csv")
+df_cleaned = pd.read_csv("Data/ALL_CLEANED.csv", parse_dates=["date"])
+df_features = pd.read_csv("Data/ALL_FEATURES.csv", parse_dates=["date"])
+available_symbols = sorted(df_cleaned["symbol"].unique())
+
+lstm_model = load_model("Modèle IA/global_lstm_returns.keras")
+symbol_to_id = {
+    "AAPL": 0,
+    "AMZN": 1,
+    "BTC-USD": 2,
+    "GOOGL": 3,
+    "META": 4,
+    "MSFT": 5,
+    "NVDA": 6,
+    "TSLA": 7,
+}
+
+def prepare_lstm_inputs(df_features, symbol, n_timesteps=60):
+    """
+    Prépare les deux entrées pour le LSTM :
+    - Séquence temporelle (Close)
+    - ID du symbol
+    """
+    seq_input = df_features["Close"].tail(n_timesteps).values.reshape(1, n_timesteps, 1)
+
+    symbol_id = symbol_to_id[symbol]
+    extra_input = np.array([[symbol_id]])  
+
+    return [seq_input, extra_input]
+
+def predict_lstm(df_features_symbol, symbol):
+    """
+    Retourne signal, confiance et backtest
+    """
+    inputs = prepare_lstm_inputs(df_features_symbol, symbol)
+    if inputs is None:
+        return "Pas assez de données", "N/A", "N/A"
+
+    pred_price = lstm_model.predict(inputs)[0][0]
+    if (pred_price > 1/3):
+        signal = "Acheter"
+    elif (pred_price < -1/3):
+        signal = "Vendre"
+    else:
+        signal = "Garder"
+    confidence = abs(pred_price)*1000
+    backtest = "Gain moyen 6 mois : +3%"
+
+    return signal, f"{confidence:.1f}%", backtest, f"{pred_price:.3f}"
+
+def filter_period(df, period):
+    """Filtre df selon la période comme yfinance."""
+    days_map = {
+        "1mo": 30,
+        "2mo": 60,
+        "3mo": 90,
+        "6mo": 182,
+        "9mo": 273,
+        "1y": 365,
+        "2y": 730,
+        "3y": 1095,
+        "5y": 1825,
+    }
+    if period not in days_map:
+        return df
+
+    cutoff = pd.Timestamp.today() - pd.Timedelta(days=days_map[period])
+    return df[df["date"] >= cutoff]
+
+symbol_to_name = {
+    "AAPL": "Apple",
+    "AMZN": "Amazon",
+    "BTC-USD": "Bitcoin",
+    "GOOGL": "Google",
+    "META": "Meta",
+    "MSFT": "Microsoft",
+    "NVDA": "NVIDIA",
+    "TSLA": "Tesla"
+}
+
+stock_items = []
+for symbol in available_symbols:
+    display_name = symbol_to_name.get(symbol, symbol)  # fallback au symbole si pas de nom
+    stock_items.append(html.Div(
+        display_name,
+        id={'type': 'stock-item', 'index': symbol},  # on garde le symbol pour le callback
+        n_clicks=0,
+        className="stock-item active" if symbol == "AAPL" else "stock-item"
+    ))
+
+# === LAYOUT ===
+layout = html.Div(className="actions-page", children=[
+    #Store permettant la valeur par défaut du graph
+    dcc.Store(id="selected-stock", data="AAPL"),
+
+    # Titre animé
+    html.Div(className="page-title", children=[
+        html.H1("Analyse d'Actifs en Temps Réel", className="glow-title"),
+        html.Div(className="neon-underline")
+    ]),
+    # Conteneur principal
+    html.Div(className="actions-navbar",children=[
+        html.Div(className="actions-navbar-inner",children=[
+            html.Div(
+                className="stock-bar",
+                children=stock_items
+            ),
+            dcc.Dropdown(
+                searchable=False,
+                maxHeight=100,
+                id='period-dropdown',
+                options=[
+                    {'label': '1 mois', 'value': '1mo'},
+                    {'label': '2 mois', 'value': '2mo'},
+                    {'label': '3 mois', 'value': '3mo'},
+                    {'label': '6 mois', 'value': '6mo'},
+                    {'label': '9 mois', 'value': '9mo'},
+                    {'label': '1 an', 'value': '1y'},
+                    {'label': '2 ans', 'value': '2y'},
+                    {'label': '3 ans', 'value': '3y'},
+                    {'label': '5 ans', 'value': '5y'},
+                ],
+                value='6mo',
+                className="lux-dropdown scrollable-dropdown"
+            )
+        ])
+    ]),
+    html.Div(className="actions-container", children=[
+        html.Div(className="dual-panel-row",children=[
+            # --- Recommandations (prédictions) ---
+            html.Div(className="ai-panel", children=[
+                #Signal du modèle
+                html.Div(className="text-panel", children=[
+                    html.H3("Prévisions de l'IA",className="panel-title", style={"padding-left": "36px"}),
+                    html.Table(
+                        className="lux-table split-table",
+                        children=[
+                            html.Thead(
+                                html.Tr([
+                                    html.Th("Signal"),
+                                    html.Th("Prédiction"),
+                                    html.Th("Confiance"),
+                                ])
+                            ),
+                            html.Tbody([
+                                html.Tr([
+                                    html.Td(id="ai-signal", className="metric-value", children="Chargement..."),
+                                    html.Td(id="ai-predict", className="metric-value", children="Chargement..."),
+                                    html.Td(id="ai-confidence", className="metric-value", children="Chargement..."),
+                                ])
+                            ])
+                        ]
+                    ),
+                    # Backtest / Performance passée
+                    html.H4("Performance passée", className="panel-title"),
+                    html.Div(id="ai-backtest", className="metric-value", children="Chargement...", style={"margin-bottom": "24px"}) ,
+                    html.H3("Attention : Les prédictions ne constituent pas un conseil financier", className="panel-title"),
+                ]),
+            ]),
+            # === MÉTRIQUES EN TEMPS RÉEL ===
+            html.Div(className="text-panel", children=[
+                html.H3("Résumé rapide : Top Stats", className="panel-title"),
+                dcc.Loading(html.Div(id='live-metrics', className="metrics-grid"), type="cube")  
+            ])
+        ]),
+        # --- GRAPHIQUE ---
+        html.Div(className="graph-panel", children=[
+            html.H3("Graphique des Prix", className="panel-title"),
+            dcc.Loading(
+                dcc.Graph(id='stock-graph', className="lux-graph"),
+                type="dot"
+            ),
+            dcc.Interval(
+                id='interval-graph-update',
+                interval=60*1000,
+                n_intervals=0
+            )
+        ]),
+    ])
+])
+def get_interval(period):
+    if "y" in period:
+        return "5d"
+    else:
+        return "1d"
+    
+# === CALLBACKS ==
+@callback(
+    Output("selected-stock", "data"),
+    Output({"type": "stock-item", "index": ALL}, "className"),
+    Input({"type": "stock-item", "index": ALL}, "n_clicks"),
+    State({"type": "stock-item", "index": ALL}, "id"),
+    prevent_initial_call=True
+)
+def select_single_stock(n_clicks, ids):
+    if not ctx.triggered:
+        return no_update, no_update
+
+    selected = ctx.triggered_id["index"]
+
+    classes = [
+        "stock-item active" if item["index"] == selected else "stock-item"
+        for item in ids
+    ]
+
+    return selected, classes
+@callback(
+    Output('stock-graph', 'figure'),
+    Output('live-metrics', 'children'),
+    Output('ai-signal', 'children'),
+    Output('ai-signal', 'className'),
+    Output('ai-predict', 'children'),
+    Output('ai-predict', 'className'),
+    Output('ai-confidence', 'children'),
+    Output('ai-backtest', 'children'),
+    Input('interval-graph-update', 'n_intervals'),
+    Input("selected-stock", "data"),
+    Input('period-dropdown', 'value'),
+)
+def update_graph_and_metrics(n, symbol, period):
+
+    fig = go.Figure()
+
+    metrics = []
+    ai_signal, ai_confidence, ai_backtest, ai_prediction = "N/A", "N/A", "N/A","N/A"
+
+    if not symbol:
+        fig.add_annotation(
+            text="Aucune action sélectionnée", x=0.5, y=0.5, showarrow=False
+        )
+        return fig, [html.Div("Aucune action sélectionnée", className="metric-item error")]
+
+    ticker_symbol = symbol
+    # Filtrer les données pour ce ticker
+    hist_graph = df_cleaned[df_cleaned["symbol"] == ticker_symbol].sort_values("date").copy()
+    if hist_graph.empty:
+        fig.add_annotation(
+            text=f"Aucune donnée pour {ticker_symbol}", x=0.5, y=0.5, showarrow=False
+        )
+        return fig, [html.Div(f"Aucune donnée pour {ticker_symbol}", className="metric-item error")]
+
+    # Filtrage par période
+    hist_graph = filter_period(hist_graph, period)
+    if hist_graph.empty:
+        fig.add_annotation(
+            text=f"Aucune donnée pour la période sélectionnée", x=0.5, y=0.5, showarrow=False
+        )
+        return fig, [html.Div("Aucune donnée pour la période sélectionnée", className="metric-item error")]
+
+    # Couleurs simples : vert pour hausse, rouge pour baisse
+    increasing_color = "green"
+    decreasing_color = "red"
+
+    # Ajout du graphique
+    fig.add_trace(go.Candlestick(
+        x=hist_graph["date"],
+        open=hist_graph["Open"],
+        high=hist_graph["High"],
+        low=hist_graph["Low"],
+        close=hist_graph["Close"],
+        name=ticker_symbol,
+        increasing_line_color=increasing_color,
+        decreasing_line_color=decreasing_color,
+        increasing_fillcolor="rgba(0,255,0,0.6)",
+        decreasing_fillcolor="rgba(255,0,0,0.6)"
+    ))
+
+    hist_metric = df_features[df_features["symbol"] == ticker_symbol].sort_values("date").copy()
+    if hist_metric.empty:
+        fig.add_annotation(
+            text=f"Aucune donnée pour {ticker_symbol}", x=0.5, y=0.5, showarrow=False
+        )
+        return fig, [html.Div(f"Aucune donnée pour {ticker_symbol}", className="metric-item error")]
+
+    # Filtrage par période
+    hist_metric = filter_period(hist_metric, period)
+    if hist_metric.empty:
+        fig.add_annotation(
+            text=f"Aucune donnée pour la période sélectionnée", x=0.5, y=0.5, showarrow=False
+        )
+        return fig, [html.Div("Aucune donnée pour la période sélectionnée", className="metric-item error")]
+
+    # Métriques
+    price = hist_metric["Close"].iloc[-1]
+    high = hist_metric["High"].iloc[-1]
+    low = hist_metric["Low"].iloc[-1]
+    volume = hist_metric["Volume"].iloc[-1]
+    yesterday_price = hist_metric["Close"].iloc[-2]
+    change_pct = (price - yesterday_price) / yesterday_price * 100
+
+    change_class = "up" if change_pct >= 0 else "down"
+
+    company = symbol_to_name.get(ticker_symbol, ticker_symbol)
+
+    metrics = html.Div(className="text-panel", children=[
+        html.Table(
+            className="lux-table split-table",
+            children=[
+                html.Thead(
+                    html.Tr([
+                        html.Th("Entreprise"),
+                        html.Th("Prix actuel"),
+                        html.Th("Var. vs hier"),
+                        html.Th(""),
+                    ])
+                ),
+                html.Tbody([
+                    # Ligne 1
+                    html.Tr([
+                        html.Td(company),
+                        html.Td(f"${price:,.2f}"),
+                        html.Td(
+                            f"{change_pct:+.2f}%",
+                            className=change_class
+                        ),
+                        html.Td(""),
+                    ]),
+                    # Ligne 2
+                    html.Tr([
+                        html.Td(f"High : {high:,.2f}"),
+                        html.Td(f"Low : {low:,.2f}"),
+                        html.Td(f"Volume : {volume:,.0f}"),
+                    ]),
+                ])
+            ]
+        )
+    ])
+
+    ai_signal, ai_confidence, ai_backtest, ai_prediction = predict_lstm(hist_metric, symbol)
+
+    if(ai_signal == "Acheter"):
+        signal_class = "metric-value up"
+        predict_class = "metric-value up"
+    elif(ai_signal == "Vendre"):
+        signal_class = "metric-value down"
+        predict_class = "metric-value down"
+    else:
+        signal_class = "metric-value"
+        predict_class = "metric-value"
+
+    fig.update_layout(
+        template="plotly_dark",
+        paper_bgcolor="rgba(0,0,0,0)",
+        plot_bgcolor="rgba(0,0,0,0)",
+        font=dict(color="#e6ffff"),
+        xaxis=dict(showgrid=True, gridcolor="rgba(0,240,255,0.1)"),
+        yaxis=dict(showgrid=True, gridcolor="rgba(0,240,255,0.1)"),
+        margin=dict(l=40, r=40, t=40, b=40),
+        height=500
+    )
+
+    return fig, metrics, ai_signal,signal_class, ai_prediction,predict_class, ai_confidence, ai_backtest

Interface Graphique/pages/analyse_page.py

@@ -0,0 +1,140 @@
+from dash import html, dcc, Input, Output, State, callback, register_page,no_update,ctx,ALL
+import plotly.graph_objects as go
+import pandas as pd
+import numpy as np
+
+register_page(__name__, path="/data", name="Data")
+df_features = pd.read_csv("Data/ALL_FEATURES.csv", parse_dates=["date"])
+
+symbol_to_name = {
+    "AAPL": "Apple",
+    "AMZN": "Amazon",
+    "BTC-USD": "Bitcoin",
+    "GOOGL": "Google",
+    "META": "Meta",
+    "MSFT": "Microsoft",
+    "NVDA": "NVIDIA",
+    "TSLA": "Tesla"
+}
+
+available_symbols = sorted(df_features["symbol"].unique())
+stock_items = []
+for symbol in available_symbols:
+    display_name = symbol_to_name.get(symbol, symbol)  # fallback au symbole si pas de nom
+    stock_items.append(html.Div(
+        display_name,
+        id={'type': 'stock-item', 'index': symbol},  # on garde le symbol pour le callback
+        n_clicks=0,
+        className="stock-item active" if symbol == "AAPL" else "stock-item"
+    ))
+
+layout = html.Div(className="data-page", children = [
+    dcc.Store(id="selected-stock", data="AAPL"),
+    # Titre animé
+    html.Div(className="page-title", children=[
+        html.H1("Données utilisées par le modèle", className="glow-title"),
+        html.Div(className="neon-underline")
+    ]),
+    html.Div(className="actions-navbar",children=[
+        html.Div(className="actions-navbar-inner",children=[
+            html.Div(
+                className="stock-bar",
+                children=stock_items,
+            ),
+        ])
+    ]),
+    html.Div(className="text-panel", children=[
+        html.H4("Données Utilisées", className="panel-title"),
+        html.Div(className="table-container",children=[
+            html.Table(
+                className="lux-table split-table",
+                children=[
+                    html.Thead(
+                        html.Tr([
+                            html.Th("Date"),
+                            html.Th("Open"),
+                            html.Th("High"),
+                            html.Th("Low"),
+                            html.Th("Close"),
+                            html.Th("Volume"),
+                            html.Th("Volatility"),
+                            html.Th("RSI"),
+                            html.Th("MA 20"),
+                        ])
+                    ),
+                    html.Tbody(id="features-table-body")  ,
+                ]
+            )
+        ]),
+        
+    ]),
+])
+
+def generate_table_rows(df, max_rows=60):
+    """
+    Génère les lignes HTML du tableau pour Dash.
+    Arrondit certaines colonnes pour plus de lisibilité.
+    """
+    df = df.tail(max_rows).copy().iloc[::-1]
+
+    # Arrondir les colonnes pour plus de lisibilité
+    for col in ["Open", "High", "Low", "Close", "MA_20"]:
+        if col in df.columns:
+            df[col] = df[col].round(2)
+    if "RSI_14" in df.columns:
+        df["RSI_14"] = df["RSI_14"].round(1)
+    if "Volume" in df.columns:
+        df["Volume"] = df["Volume"].astype(int)
+    if "date" in df.columns:
+        df["date"] = df["date"].dt.date
+    if "volatility_10" in df.columns:
+        df["volatility_10"] = df["volatility_10"].round(4)
+
+    rows = []
+    close_values = df["Close"].tolist() if "Close" in df.columns else []
+    for i, (_, row) in enumerate(df.iterrows()):
+        if i < len(close_values) - 1:
+            next_close = close_values[i + 1]
+            current_close = row["Close"]
+            if current_close > next_close:
+                close_class = "metric-value up"
+            elif current_close < next_close:
+                close_class = "metric-value down"
+            else:
+                close_class = ""
+        else:
+            close_class = ""
+        rows.append(
+            html.Tr([
+                html.Td(row.get("date", "-")),
+                html.Td(f"{row.get('Open', '-')}$"),
+                html.Td(f"{row.get('High', '-')}$"),
+                html.Td(f"{row.get('Low', '-')}$"),
+                html.Td(f"{row.get('Close', '-')}$", className=close_class),
+                html.Td(row.get("Volume", "-")),
+                html.Td(row.get("volatility_10", "-")),
+                html.Td(row.get("RSI_14", "-")),
+                html.Td(row.get("MA_20", "-")),
+            ])
+        )
+    return rows
+
+
+@callback(
+    Output("features-table-body", "children"),
+    Input("selected-stock", "data")  # on récupère l'action sélectionnée
+)
+def update_features_table(symbol):
+    # Si symbol est None, on met AAPL par défaut
+    if not symbol:
+        symbol = "AAPL"
+
+    # Filtrer le DataFrame pour ce symbole
+    df_symbol = df_features[df_features["symbol"] == symbol].sort_values("date")
+    if df_symbol.empty:
+        return [html.Tr([html.Td("Pas de données", colSpan=8)])]
+
+    # Retourner les 60 dernières lignes
+    return generate_table_rows(df_symbol, max_rows=60)
+
+

Interface Graphique/pages/home.py

@@ -0,0 +1,108 @@
+from dash import html
+import dash
+
+dash.register_page(__name__, path="/")
+
+layout = html.Div([
+    # ====================== HERO ======================
+    html.Div(className="hero", children=[
+        html.H1("Bienvenue dans la Galaxie des Marchés Futuristes"),
+    ]),
+
+    # ====================== À PROPOS DE NOUS ======================
+    html.Div(className="about-section", children=[
+        html.Div(className="about-container", children=[
+
+            # Titre avec effet néon
+            html.Div(className="about-header", children=[
+                html.H2("À propos de nous", className="about-title"),
+                html.Div(className="neon-underline")
+            ]),
+
+            # Texte principal
+            html.P("""
+                Notre plateforme boursière futuriste combine innovation, intelligence artificielle et visualisation avancée 
+                pour offrir une expérience unique d’analyse financière. Inspirée par la précision et l’esthétique du monde spatial, 
+                notre mission est de guider les investisseurs vers une compréhension plus claire et plus intuitive des marchés.
+            """, className="about-text"),
+
+            # Cartes de valeurs
+            html.Div(className="values-grid", children=[
+                html.Div(className="value-card", children=[
+                    html.I(className="fas fa-rocket", style={"fontSize": "2.2rem", "marginBottom": "12px", "color": "var(--accent)"}),
+                    html.H4("Innovation"),
+                    html.P("Technologies de pointe pour demain.")
+                ]),
+                html.Div(className="value-card", children=[
+                    html.I(className="fas fa-brain", style={"fontSize": "2.2rem", "marginBottom": "12px", "color": "var(--accent-2)"}),
+                    html.H4("Intelligence Artificielle"),
+                    html.P("Prédictions précises, analyses automatisées.")
+                ]),
+                html.Div(className="value-card", children=[
+                    html.I(className="fas fa-shield-alt", style={"fontSize": "2.2rem", "marginBottom": "12px", "color": "#00f0ff"}),
+                    html.H4("Sécurité"),
+                    html.P("Données chiffrées, confiance absolue.")
+                ]),
+                html.Div(className="value-card", children=[
+                    html.I(className="fas fa-eye", style={"fontSize": "2.2rem", "marginBottom": "12px", "color": "#8be9ff"}),
+                    html.H4("Vision Futuriste"),
+                    html.P("Une interface inspirée de l’espace.")
+                ]),
+            ])
+        ])
+    ]),
+
+    # ====================== CONTACT SECTION ======================
+    html.Div(id="contact-section", className="contact-section", children=[
+        html.Div(className="contact-container", children=[
+
+            # --- CARTE CONTACT ---
+            html.Div(className="contact-card", children=[
+                html.Div(className="contact-header", children=[
+                    html.H2("Contact & Réseaux", className="contact-title"),
+                    html.Div(className="neon-line")
+                ]),
+
+                html.Div(className="contact-body", children=[
+                    html.Div(className="info-line", children=[
+                        html.I(className="fas fa-envelope"),
+                        html.Span("contact.ETU@univ-lemans.fr")
+                    ]),
+                    html.Div(className="info-line", children=[
+                        html.I(className="fas fa-phone"),
+                        html.Span("+33 7 56 32 98 10")
+                    ]),
+                    html.Div(className="info-line", children=[
+                        html.I(className="fas fa-location-dot"),
+                        html.Span([
+                            "ENSIM, 1 Rue Aristote", 
+                            html.Br(), 
+                            "72000 Le Mans, France"
+                        ])
+                    ]),
+
+                    html.Div(className="social-icons", children=[
+                        html.A(html.I(className="fab fa-instagram"), href="https://instagram.com", target="_blank", title="Instagram"),
+                        html.A(html.I(className="fab fa-facebook-f"), href="https://facebook.com", target="_blank", title="Facebook"),
+                        html.A(html.I(className="fab fa-linkedin-in"), href="https://linkedin.com", target="_blank", title="LinkedIn"),
+                        html.A(html.I(className="fab fa-x-twitter"), href="https://x.com", target="_blank", title="X (Twitter)"),
+                    ])
+                ])
+            ]),
+
+            # --- CARTE GOOGLE MAPS ---
+            html.Div(className="map-container", children=[
+                html.Iframe(
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2671.877541649405!2d0.15757102527180605!3d48.01906203587245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e2886a4fa0b1ad%3A0xf8aeb2cc9cd5f2e!2s1+Rue+Aristote,+72000+Le+Mans!5e0!3m2!1sfr!2sfr!4v1715610936412!5m2!1sfr!2sfr",
+                    width="100%",
+                    height="100%",
+                    style={"border": "0", "borderRadius": "16px"}
+                ),
+                html.Div(className="map-overlay", children=[
+                    html.Div(className="pulse-ring"),
+                    html.I(className="fas fa-map-marker-alt map-pin")
+                ])
+            ])
+        ])
+    ])
+])

Interface Graphique/services/market_data.py

@@ -0,0 +1,109 @@
+import os
+from typing import Optional
+import pandas as pd
+import datetime as dt
+import time
+
+try:
+    import requests  # for Alpha Vantage fallback
+except Exception:
+    requests = None
+
+try:
+    import yfinance as yf  # lightweight polling, near real-time for popular tickers
+except Exception:
+    yf = None
+
+
+def fetch_candles_yf(symbol: str, period: str = '1d', interval: str = '1m') -> pd.DataFrame:
+    if yf is None:
+        raise RuntimeError("yfinance is not installed. Please install yfinance.")
+    ticker = yf.Ticker(symbol)
+    df = ticker.history(period=period, interval=interval, auto_adjust=False)
+    df = df.rename(columns={
+        'Open': 'Open', 'High': 'High', 'Low': 'Low', 'Close': 'Close', 'Volume': 'Volume'
+    })
+    # Ensure index is datetime and sorted
+    # yfinance can return either Datetime or Date in index/columns. Normalize to Date index
+    if 'Datetime' in df.columns:
+        df = df.rename(columns={'Datetime': 'Date'})
+    df = df.reset_index().rename(columns={'Date': 'Date'})
+    if 'Date' not in df.columns:
+        df = df.rename(columns={'index': 'Date'})
+    df = df.set_index('Date')
+    df = df.sort_index()
+    return df[['Open', 'High', 'Low', 'Close']]
+
+
+def _map_interval_to_alpha_vantage(interval: str) -> Optional[str]:
+    mapping = {
+        '1m': '1min',
+        '5m': '5min',
+        '15m': '15min',
+        '60m': '60min'
+    }
+    return mapping.get(interval)
+
+
+def fetch_candles_alpha_vantage(symbol: str, interval: str, api_key: str) -> pd.DataFrame:
+    if requests is None:
+        raise RuntimeError("requests n'est pas installé. Veuillez installer requests.")
+    av_interval = _map_interval_to_alpha_vantage(interval) or '1min'
+    params = {
+        'function': 'TIME_SERIES_INTRADAY',
+        'symbol': symbol,
+        'interval': av_interval,
+        'apikey': api_key,
+        'outputsize': 'compact'
+    }
+    url = 'https://www.alphavantage.co/query'
+    resp = requests.get(url, params=params, timeout=15)
+    resp.raise_for_status()
+    data = resp.json()
+    key = f'Time Series ({av_interval})'
+    if key not in data:
+        # Alpha Vantage rate limit or unsupported symbol
+        raise RuntimeError(f"Alpha Vantage réponse invalide: {list(data.keys())[:3]}")
+    ts = data[key]
+    rows = []
+    for ts_str, ohlc in ts.items():
+        # parse timestamps as local naive datetime
+        try:
+            ts_dt = dt.datetime.fromisoformat(ts_str)
+        except Exception:
+            # fallback format
+            ts_dt = dt.datetime.strptime(ts_str, '%Y-%m-%d %H:%M:%S')
+        rows.append({
+            'Date': ts_dt,
+            'Open': float(ohlc['1. open']),
+            'High': float(ohlc['2. high']),
+            'Low': float(ohlc['3. low']),
+            'Close': float(ohlc['4. close'])
+        })
+    df = pd.DataFrame(rows).set_index('Date').sort_index()
+    return df[['Open', 'High', 'Low', 'Close']]
+
+
+def fetch_latest_candles(symbol: str, period: str = '1d', interval: str = '1m') -> pd.DataFrame:
+    # If Alpha Vantage key is present and symbol looks supported, try AV first
+    av_key = os.getenv('ALPHAVANTAGE_API_KEY')
+    # Simple heuristic: AV does not support indices like ^GSPC, ^FCHI directly
+    looks_index = symbol.startswith('^')
+    if av_key and not looks_index:
+        try:
+            return fetch_candles_alpha_vantage(symbol, interval=interval, api_key=av_key)
+        except Exception:
+            # fall back to yfinance below
+            pass
+    # Retry yfinance a couple of times in case of DNS hiccups
+    last_err = None
+    for _ in range(2):
+        try:
+            return fetch_candles_yf(symbol, period=period, interval=interval)
+        except Exception as e:
+            last_err = e
+            time.sleep(1.0)
+    # final raise
+    raise last_err if last_err else RuntimeError('Unknown data fetch error')
+
+

Modèle IA/global_lstm_returns.keras

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5ac4c599c20327ec6ed61a2c12dce8d6703379692fc0ae32c1cf8f5661a2b80
+size 745183