diff --git a/app/templates/assiduites/widgets/timeline.j2 b/app/templates/assiduites/widgets/timeline.j2
index 02113e995..d7acdbe85 100644
--- a/app/templates/assiduites/widgets/timeline.j2
+++ b/app/templates/assiduites/widgets/timeline.j2
@@ -134,6 +134,7 @@
                 timelineContainer.removeEventListener("mousemove", onMouseMove);
                 handleMoving = false;
                 func_call();
+                savePeriodInLocalStorage();
 
             }
             timelineContainer.addEventListener("mousemove", onMouseMove);
@@ -167,6 +168,7 @@
                 snapHandlesToQuarters();
                 timelineContainer.removeEventListener("mousemove", onMouseMove);
                 func_call();
+                savePeriodInLocalStorage();
             }
             timelineContainer.addEventListener("mousemove", onMouseMove);
             timelineContainer.addEventListener("touchmove", onMouseMove);
@@ -265,6 +267,7 @@
         snapHandlesToQuarters();
         updatePeriodTimeLabel()
         func_call();
+        savePeriodInLocalStorage();
     }
 
     function snapHandlesToQuarters() {
@@ -310,9 +313,23 @@
         }
     }
 
+    function savePeriodInLocalStorage(){
+        const dates = getPeriodValues();
+        localStorage.setItem("sco-timeline-values", JSON.stringify(dates));
+    }
+
+    function loadPeriodFromLocalStorage(){
+        const dates = JSON.parse(localStorage.getItem("sco-timeline-values"));
+        if(dates){
+            setPeriodValues(...dates);
+        }else{
+            setPeriodValues(t_start, t_start + period_default);
+        }
+    }
+
     createTicks();
 
-    setPeriodValues(t_start, t_start + period_default);
+    loadPeriodFromLocalStorage();
 
     {% if heures %}
     let [heure_deb, heure_fin] = [{{ heures | safe }}]