diff --git a/assets/activity.jpg b/assets/activity.jpg
index 5ce37b3..ecf8be1 100644
Binary files a/assets/activity.jpg and b/assets/activity.jpg differ
diff --git a/assets/chairs.jpg b/assets/chairs.jpg
index 2bf3fa2..554a574 100644
Binary files a/assets/chairs.jpg and b/assets/chairs.jpg differ
diff --git a/assets/home.jpg b/assets/home.jpg
index 99ba51f..b48d664 100644
Binary files a/assets/home.jpg and b/assets/home.jpg differ
diff --git a/assets/presentation.jpg b/assets/presentation.jpg
index 165f3a7..0d3a294 100644
Binary files a/assets/presentation.jpg and b/assets/presentation.jpg differ
diff --git a/component/NewEvent.js b/component/NewEvent.js
index 2a3c60a..806200f 100644
--- a/component/NewEvent.js
+++ b/component/NewEvent.js
@@ -1,28 +1,31 @@
 import React, { useState } from 'react'
 import {
   StyleSheet,
-  ScrollView,
   View,
   Text,
   TextInput,
   Pressable,
   KeyboardAvoidingView,
+  FlatList
 } from 'react-native'
 import MapContainer from './MapContainer'
 
-// Accepter la fonction childToParent passée en prop
-function NewEvent({ childToParent }) {
-  // BOX SHADOW QUI FONCTIONNE SEULEMENT SUR MOBILE ???
-  // generateBoxShadowStyle(-2, 4, '#000000', 0.25, 3, 4, '#000000');
+// Accepter la fonction CloseModal passée en prop
+function NewEvent({ CloseModal }) {
+
+  generateBoxShadowStyle(-2, 4, '#000000', 0.25, 3, 4, '#000000');
 
   const [touchY, setTouchY] = useState(0)
   const [name, setName] = useState('')
   const [description, setDescription] = useState('')
-  const [address, setAddress] = useState([2.337179, 48.846836])
+  const [address, setAddress] = useState('')
+  const [coord, setCoord] = useState([2.337179, 48.846836])
+  const [ListAddresses, setList] = useState([]);
   const apitoken =
     'pk.eyJ1IjoiZWxvcG4iLCJhIjoiY2t3dnRsNm5zMjNwcTJ3cDNjdjB1cWNldCJ9.tH301UpWotwarxl8l7w9HA'
 
-  let timeout
+  let timeout;
+
   const getCoord = (input) => {
     clearTimeout(timeout)
     timeout = setTimeout(() => {
@@ -34,47 +37,61 @@ function NewEvent({ childToParent }) {
             apitoken
         ).then((response) => {
           response.json().then((value) => {
-            setAddress(value.features[0].center)
+            
+            // Insérer dans un tableau toutes les adresses correspondantes
+            let tab = [];
+
+            value.features.forEach(address => {
+              tab.push({
+                name: address.place_name,
+                coord: address.center
+              })
+            })
+            
+            // Set le state qui sera lu par la Flatlist
+            setList(tab)
           })
         })
+      } else {
+        setList([])
       }
     }, 600)
   }
 
-    const onSubmit = () => {
-        let data = { name: name, description: description, lat: address[1], long: address[0] }
-
-        fetch('https://perso-etudiant.u-pem.fr/~elodie.pan/api/Surroundings.php?action=addEvent',
-        {
-            headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            method: "POST",
-            body: JSON.stringify(data)
-        })
-        .then(() => {
-            childToParent();
-        })
-    }
+  const onSubmit = () => {
+      let data = { name: name, description: description, lat: coord[1], long: coord[0] }
+
+      fetch('https://perso-etudiant.u-pem.fr/~elodie.pan/api/Surroundings.php?action=addEvent',
+      {
+          headers: {
+              'Accept': 'application/json',
+              'Content-Type': 'application/json'
+          },
+          method: "POST",
+          body: JSON.stringify(data)
+      })
+      .then(() => {
+          CloseModal();
+      })
+  }
 
   return (
     <View style={[styles.popup, styles.boxShadow]}>
-      {/* Drag vers le bas -> déclencher l'évènement childToParent qui sera détectée par le component parent */}
+      {/* Drag vers le bas -> déclencher l'évènement CloseModal qui sera détectée par le component parent */}
       <Pressable
         style={{ paddingVertical: 15 }}
         onTouchStart={(e) => setTouchY(e.nativeEvent.pageY)}
         onTouchEnd={(e) => {
           if (e.nativeEvent.pageY - touchY > 20) {
-            childToParent()
+            CloseModal()
           }
         }}
       >
         <View style={styles.handle}></View>
       </Pressable>
 
-      <KeyboardAvoidingView behavior="height">
-        <ScrollView style={styles.form}>
+      <KeyboardAvoidingView style={styles.form} behavior="height">
+
           <View>
             <Text>Nom</Text>
             <TextInput
@@ -101,12 +118,31 @@ function NewEvent({ childToParent }) {
               onChangeText={(insertedAddress) => getCoord(insertedAddress)}
               defaultValue={address}
             />
+
+            <FlatList style={[styles.list, ListAddresses.length != 0 ? {borderBottomWidth: 1}:{borderBottomWidth: 0} ]}
+                data={ListAddresses}
+                keyExtractor={(item) => item.id}
+                renderItem={({item}) => 
+                  // Au clic sur une adresse, la map s'actualise, la valeur de l'input et la liste des adresses est vide pour que la Flatlist soit vide et invisible
+                  <Pressable style={[styles.listItem, ListAddresses.length != 0 ? {borderWidth: 1}:{borderWidth: 0} ]} onPress={() => {
+                    setCoord(item.coord);
+                    setList([]);
+                    setAddress(item.name);
+                  }}>
+
+                    <Text>{item.name}</Text>
+
+                  </Pressable>
+                }
+            />
+
           </View>
+
           <View style={styles.map}>
             {/* Localisation correspondant à l'adresse saisie */}
             <MapContainer
-              lat={address[1]}
-              long={address[0]}
+              lat={coord[1]}
+              long={coord[0]}
               name={name}
               description={description}
             />
@@ -115,36 +151,36 @@ function NewEvent({ childToParent }) {
           <Pressable style={styles.button} onPress={onSubmit}>
             <Text style={styles.textButton}>Partager</Text>
           </Pressable>
-        </ScrollView>
+
       </KeyboardAvoidingView>
     </View>
   )
 }
 
 // Box Shadow en fonction de l'OS de l'appareil (SEULEMENT SUR MOBILE ??)
-// const generateBoxShadowStyle = (
-//     xOffset,
-//     yOffset,
-//     shadowColorIos,
-//     shadowOpacity,
-//     shadowRadius,
-//     elevation,
-//     shadowColorAndroid,
-//   ) => {
-//     if (Platform.OS === 'ios') {
-//       styles.boxShadow = {
-//         shadowColor: shadowColorIos,
-//         shadowOffset: {width: xOffset, height: yOffset},
-//         shadowOpacity,
-//         shadowRadius,
-//       };
-//     } else if (Platform.OS === 'android') {
-//       styles.boxShadow = {
-//         elevation,
-//         shadowColor: shadowColorAndroid,
-//       };
-//     }
-// };
+const generateBoxShadowStyle = (
+    xOffset,
+    yOffset,
+    shadowColorIos,
+    shadowOpacity,
+    shadowRadius,
+    elevation,
+    shadowColorAndroid,
+  ) => {
+    if (Platform.OS === 'ios') {
+      styles.boxShadow = {
+        shadowColor: shadowColorIos,
+        shadowOffset: {width: xOffset, height: yOffset},
+        shadowOpacity,
+        shadowRadius,
+      };
+    } else if (Platform.OS === 'android') {
+      styles.boxShadow = {
+        elevation,
+        shadowColor: shadowColorAndroid,
+      };
+    }
+};
 
 const styles = StyleSheet.create({
   popup: {
@@ -170,6 +206,22 @@ const styles = StyleSheet.create({
     padding: 5,
     borderBottomWidth: 1,
   },
+  list: {
+    width: '100%',
+    maxHeight: 280,
+    backgroundColor: '#FFFFFF',
+    borderColor: '#C4C4C4',
+    position: 'absolute',
+    top: 55,
+    margin: 'auto',
+    zIndex: 5
+  },
+  listItem: {
+    paddingVertical: 15,
+    paddingHorizontal: 5,
+    borderColor: '#C4C4C4',
+    borderBottomColor: "#C4C4C4"
+  },
   map: {
     height: 200,
     backgroundColor: '#DCFFCB',
diff --git a/component/Surroundings.js b/component/Surroundings.js
index 1c2f495..ee10204 100644
--- a/component/Surroundings.js
+++ b/component/Surroundings.js
@@ -1,4 +1,3 @@
-import { render } from 'react-dom';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View, Text, FlatList, Pressable, Image, Modal, SafeAreaView } from 'react-native'
 import Item from './Item'
@@ -6,14 +5,13 @@ import NewEvent from './NewEvent'
 
 function Surroundings() {
 
-    // BOX SHADOW QUI FONCTIONNE SEULEMENT SUR MOBILE ???
-    // generateBoxShadowStyle(-2, 4, '#000000', 0.25, 3, 4, '#000000');
+    generateBoxShadowStyle(-2, 4, '#000000', 0.25, 3, 4, '#000000');
 
     const [modalVisible, setModalVisible] = useState(false);
     const [data, setData] = useState('');
   
 
-    const childToParent = () => {
+    const CloseModal = () => {
       setModalVisible(false)
       fetchData()
     }
@@ -48,14 +46,14 @@ function Surroundings() {
                 renderItem={({item}) => <Item data={item}/>}
             />
             {/* Faire apparaitre la popup au clic */}
-            <Pressable style={[styles.addButton]} onPress={() => {
+            <Pressable style={[styles.addButton, styles.boxShadow]} onPress={() => {
               setModalVisible(true);
             }}>
               <Image source={require('../assets/add.png')}/>
             </Pressable>
 
         </View>
-        {/* Popup */}
+
         <Modal
           animationType="slide"
           transparent={true}
@@ -65,7 +63,7 @@ function Surroundings() {
           }}
         >
           {/* Passer une prop au component enfant et recevoir l'évènement créé par l'enfant */}
-          <NewEvent childToParent={childToParent} />
+          <NewEvent CloseModal={CloseModal} />
 
           </Modal>
       </SafeAreaView>
@@ -73,29 +71,29 @@ function Surroundings() {
 }
 
 // Box Shadow en fonction de l'OS de l'appareil (SEULEMENT SUR MOBILE ??)
-// const generateBoxShadowStyle = (
-//     xOffset,
-//     yOffset,
-//     shadowColorIos,
-//     shadowOpacity,
-//     shadowRadius,
-//     elevation,
-//     shadowColorAndroid,
-//   ) => {
-//     if (Platform.OS === 'ios') {
-//       styles.boxShadow = {
-//         shadowColor: shadowColorIos,
-//         shadowOffset: {width: xOffset, height: yOffset},
-//         shadowOpacity,
-//         shadowRadius,
-//       };
-//     } else if (Platform.OS === 'android') {
-//       styles.boxShadow = {
-//         elevation,
-//         shadowColor: shadowColorAndroid,
-//       };
-//     }
-// };
+const generateBoxShadowStyle = (
+    xOffset,
+    yOffset,
+    shadowColorIos,
+    shadowOpacity,
+    shadowRadius,
+    elevation,
+    shadowColorAndroid,
+  ) => {
+    if (Platform.OS === 'ios') {
+      styles.boxShadow = {
+        shadowColor: shadowColorIos,
+        shadowOffset: {width: xOffset, height: yOffset},
+        shadowOpacity,
+        shadowRadius,
+      };
+    } else if (Platform.OS === 'android') {
+      styles.boxShadow = {
+        elevation,
+        shadowColor: shadowColorAndroid,
+      };
+    }
+};
 
 const styles = StyleSheet.create({
     title: {