Update app.py

app.py

@@ -234,10 +234,9 @@ def predict_risk(df_raw: pd.DataFrame, _model) -> pd.DataFrame:
 with page_tabs[0]:
     st.title("🔥 Projet Analyse et prévention des Incendies 🔥")
 
-    st.subheader("📊 Commençons par le contexte de ce projet et notamment l'importance des forêts françaises")
-    st.subheader("🌲 La forêt française en chiffres :")
-
-    col1, col2 = st.columns([2, 1])
+    st.subheader(" 📊 Commençons par le contexte de ce projet et notamment l'importance des forêts françaises")
+    st.subheader("🌲La forêt française en chiffres :")
+    col1, col2 = st.columns([2,1])
     with col1:
         st.markdown("""
 La France est le 4ᵉ pays européen en superficie forestière, avec **17,5 millions d’hectares** en métropole (32 % du territoire) et **8 millions** en Guyane.
@@ -245,54 +244,40 @@ Au total, les forêts couvrent environ **41 %** du territoire national.
 - **75 %** des forêts sont privées (3,5 millions de propriétaires).
 - **16 %** publiques (collectivités).
 - **9 %** domaniales (État).
-
 La forêt française est un réservoir de biodiversité :  
 - **190 espèces d’arbres** (67 % feuillus, 33 % conifères).  
 - **73 espèces de mammifères**, **120 d’oiseaux**.  
 - Environ **30 000 espèces de champignons et autant d’insectes**.  
 - **72 %** de la flore française se trouve en forêt.
-
 Les forêts françaises absorbent environ **9 %** des émissions nationales de gaz à effet de serre, jouant un rôle crucial dans la lutte contre le changement climatique.
 Le Code forestier encadre leur gestion durable pour protéger la biodiversité, l’air, l’eau et prévenir les risques naturels.
         """)
 
     st.header("🌲 Zoom sur le taux de boisement des différents départements français")
 
-    # Image centrée avec largeur fixe pour éviter le tremblement
-    st.markdown("""
-<div style="display:flex; justify-content:center; margin-bottom:20px;">
-    <img src="images/boisement.png" style="width:500px; height:auto;">
-</div>
-""", unsafe_allow_html=True)
+    col1, col2, col3 = st.columns([1, 2, 1])
+    with col2:
+        st.image("images/boisement.png", caption="Taux de boisement par département en France en 2024 (source : IGN)", use_container_width=True)
 
-    st.markdown("""---""")
+    st.write("""---""")
 
-    st.header("Quels sont les principaux rôles de la forêt ?")
+    st.header(" Quels sont les principaux rôles de la forêt ?")
+    col1, col2, col3 = st.columns([1, 2, 1])
+    with col2:
+        st.image("images/puits carbone.png", caption="Puits de carbone", use_container_width=True)
 
-    # Bloc images centrées avec flex et largeur fixe
-    st.markdown("""
-<div style="display:flex; justify-content:center; gap:40px; margin-bottom:20px;">
-    <div style="text-align:center;">
-        <img src="images/puits_carbone.png" style="width:300px; height:auto;">
-        <p>Puits de carbone</p>
-    </div>
-    <div style="text-align:center;">
-        <img src="images/racines.png" style="width:300px; height:auto;">
-        <p>Limitation de l'érosion</p>
-    </div>
-    <div style="text-align:center;">
-        <img src="images/rayonnement.png" style="width:300px; height:auto;">
-        <p>Limitation du rayonnement solaire</p>
-    </div>
-</div>
-""", unsafe_allow_html=True)
+    with col2:
+        st.image("images/racines.png", caption="Limitation de l'érosion", use_container_width=True)
 
-    st.markdown("""---""")
+    with col2:
+        st.image("images/rayonnement.png", caption="Limitation du rayonnement solaire", use_container_width=True)
+
+    st.write("""---""")
 
     st.markdown("""
-💡 **Synthèse** : La forêt joue un rôle essentiel pour le climat, le sol et la régulation du rayonnement solaire.  
-Elle absorbe le CO₂, limite l'érosion et protège la biodiversité.
-""")    
+    💡 **Synthèse** : La forêt joue un rôle essentiel pour le climat, le sol et la régulation du rayonnement solaire.  
+    Elle absorbe le CO₂, limite l'érosion et protège la biodiversité.
+    """)            
         
     st.subheader("👉 L'importance de la forêt n'est donc pas négligeable et les conséquences des feux sont lourdes :")
 
@@ -835,4 +820,4 @@ with page_tabs[3]:
 
     st.markdown("👉 Le modèle **XGBOOST survival cox** obtient la meilleure performance globale.")
 
-    show_footer()
+    show_footer()