diff --git a/dist/meteofrance-weather-card.js b/dist/meteofrance-weather-card.js
index 0c43278..e5869b4 100644
--- a/dist/meteofrance-weather-card.js
+++ b/dist/meteofrance-weather-card.js
@@ -292,6 +292,7 @@ class MeteofranceWeatherCard extends LitElement {
       next_rising = new Date(sun.attributes.next_rising);
       next_setting = new Date(sun.attributes.next_setting);
     }
+    const hour12 = this.hass.locale.time_format == "12" ? true : this.hass.locale.time_format == "24" ? false : undefined;
 
     this.numberElements++;
 
@@ -345,7 +346,9 @@ class MeteofranceWeatherCard extends LitElement {
         <!-- Sunset up -->
         ${next_rising
           ? this.renderDetail(
-              next_rising.toLocaleTimeString(),
+              next_rising.toLocaleTimeString([], {
+                hour12: hour12,
+              }),
               "Heure de lever",
               "mdi:weather-sunset-up"
             )
@@ -353,7 +356,9 @@ class MeteofranceWeatherCard extends LitElement {
         <!-- Sunset down -->
         ${next_setting
           ? this.renderDetail(
-              next_setting.toLocaleTimeString(),
+              next_setting.toLocaleTimeString([], {
+                hour12: hour12,
+              }),
               "Heure de coucher",
               "mdi:weather-sunset-down"
             )
@@ -457,6 +462,7 @@ class MeteofranceWeatherCard extends LitElement {
 
     const lang = this.hass.selectedLanguage || this.hass.language;
     const isDaily = this.isDailyForecast(forecast);
+    const hour12 = this.hass.locale.time_format == "12" ? true : this.hass.locale.time_format == "24" ? false : undefined;
 
     this.numberElements++;
     return html` <ul
@@ -469,11 +475,11 @@ class MeteofranceWeatherCard extends LitElement {
             ? this._config.number_of_forecasts
             : 5
         )
-        .map((daily) => this.renderDailyForecast(daily, lang, isDaily))}
+        .map((daily) => this.renderDailyForecast(daily, lang, isDaily, hour12))}
     </ul>`;
   }
 
-  renderDailyForecast(daily, lang, isDaily) {
+  renderDailyForecast(daily, lang, isDaily, hour12) {
     return html` <li>
       <ul class="flow-column day">
         <li>
@@ -484,6 +490,7 @@ class MeteofranceWeatherCard extends LitElement {
             : new Date(daily.datetime).toLocaleTimeString(lang, {
                 hour: "2-digit",
                 minute: "2-digit",
+                hour12: hour12,
               })}
         </li>
         <li
@@ -601,14 +608,17 @@ class MeteofranceWeatherCard extends LitElement {
     let rainForecastTimeRef = new Date(
       rainForecastEntity.attributes["forecast_time_ref"]
     );
+    const hour12 = this.hass.locale.time_format == "12" ? true : this.hass.locale.time_format == "24" ? false : undefined;
     let rainForecastStartTime = rainForecastTimeRef.toLocaleTimeString([], {
       hour: "2-digit",
       minute: "2-digit",
+      hour12: hour12,
     });
     rainForecastTimeRef.setHours(rainForecastTimeRef.getHours() + 1);
     let rainForecastEndTime = rainForecastTimeRef.toLocaleTimeString([], {
       hour: "2-digit",
       minute: "2-digit",
+      hour12: hour12,
     });
 
     return [rainForecastStartTime, rainForecastEndTime];