diff --git a/src/main/webapp/src/components/Club/ContactEditor.jsx b/src/main/webapp/src/components/Club/ContactEditor.jsx
index 6b39e20..77c13df 100644
--- a/src/main/webapp/src/components/Club/ContactEditor.jsx
+++ b/src/main/webapp/src/components/Club/ContactEditor.jsx
@@ -1,12 +1,21 @@
 import {useEffect, useReducer, useState} from "react";
 import {SimpleReducer} from "../../utils/SimpleReducer.jsx";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faAdd, faTrashCan} from "@fortawesome/free-solid-svg-icons";
+import {faAdd, faCircleQuestion, faTrashCan} from "@fortawesome/free-solid-svg-icons";
 
 export function ContactEditor({data}) {
     const [state, dispatch] = useReducer(SimpleReducer, [])
     const [out_data, setOutData] = useState({})
 
+    const tooltipText = {
+        SITE: "Site web du club avec ou sans le 'https://'</br>Exemple: ffsaf.fr</br>Ou https://ffsaf.fr",
+        FACEBOOK: "Page Facebook du club débutant par 'https://www.facebook.com/'</br>Exemple: https://www.facebook.com/ffmsf",
+        TELEPHONE: "Numéro de téléphone du club<br>Exemple: 06 12 13 78 55",
+        INSTAGRAM: "Compte Instagram du club débutant par 'https://www.instagram.com/'</br>Exemple: https://www.instagram.com/ff_msf",
+        COURRIEL: "Adresse e-mail du club<br>Exemple: contact@ffsaf.fr",
+        AUTRE: "Autre contact du club",
+    }
+
     useEffect(() => {
         let i = 0;
         for (const key in data.contact) {
@@ -22,6 +31,9 @@ export function ContactEditor({data}) {
                 out_data2[d.data.type] = d.data.value
         })
         setOutData(out_data2)
+
+        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
     }, [state]);
 
     return <div className="row mb-3">
@@ -49,6 +61,10 @@ export function ContactEditor({data}) {
                            onChange={(e) => {
                                dispatch({type: 'UPDATE_OR_ADD', payload: {id: d.id, data: {type: d.data.type, value: e.target.value}}})
                            }}/>
+                    <button type="button" className="btn btn-outline-info" data-bs-toggle="tooltip" data-bs-placement="top"
+                            data-bs-title={tooltipText[d.data.type]} data-bs-html="true">
+                        <FontAwesomeIcon icon={faCircleQuestion}/>
+                    </button>
                     <button className="btn btn-danger" type="button"
                             onClick={() => dispatch({type: 'REMOVE', payload: d.id})}><FontAwesomeIcon
                         icon={faTrashCan}/>
@@ -83,4 +99,4 @@ export function ContactEditor({data}) {
             </div>
         </ul>
     </div>
-}
\ No newline at end of file
+}