diff --git a/front/public/locales/en/stdcm-help-section.json b/front/public/locales/en/stdcm-help-section.json
index 301e03207f4..6249aeb6d77 100644
--- a/front/public/locales/en/stdcm-help-section.json
+++ b/front/public/locales/en/stdcm-help-section.json
@@ -1,6 +1,6 @@
 {
   "help": "Help",
-  "backToIndex": "Back to index",
+  "backToIndex": "help index",
   "asu": [
     {
       "title": "Application name",
@@ -58,7 +58,7 @@
             },
             {
               "type": "text",
-              "value": "<a href='mailto:supportclients.SI@sncf.fr'>Contact us</a>"
+              "value": "<a href='mailto:supportclients.SI@sncf.fr' target=\"_blank\">Contact us</a>"
             }
           ]
         },
diff --git a/front/public/locales/fr/stdcm-help-section.json b/front/public/locales/fr/stdcm-help-section.json
index a6e98252c30..c406f1bb2cb 100644
--- a/front/public/locales/fr/stdcm-help-section.json
+++ b/front/public/locales/fr/stdcm-help-section.json
@@ -1,6 +1,6 @@
 {
   "help": "Aide",
-  "backToIndex": "Retour à l'index",
+  "backToIndex": "index de l'aide",
   "asu": [
     {
       "title": "Nom de l'application",
@@ -67,7 +67,7 @@
             },
             {
               "type": "text",
-              "value": "<a href='mailto:supportclients.SI@sncf.fr'>Contactez-nous</a>"
+              "value": "<a href='mailto:supportclients.SI@sncf.fr' target=\"_blank\">Contactez-nous</a>"
             }
           ]
         },
@@ -87,7 +87,7 @@
       "content": [
         {
           "type": "text",
-          "value": "Le convoi est un ensemble de véhicules de transport en commun qui circulent ensemble sur une ligne. Il est composé d'un ou plusieurs véhicules, qui peuvent être de types différents (bus, tramway, métro, etc.)."
+          "value": "Définir le convoi permet d'obtenir une simulation au plus proche de la réalité. Plus les informations que vous indiquez sont conformes à la composition réelle de votre convoi, plus la vitesse du train simulé sera proche de l'opérationnel."
         },
         {
           "type": "text",
@@ -284,14 +284,14 @@
               "term": "CH",
               "definition": "Code Chantier"
             },
-            {
-              "term": "DSDM",
-              "definition": "Demande de Sillon de Dernière Minute"
-            },
             {
               "term": "LMR",
               "definition": "Last Minute Request"
             },
+            {
+              "term": "PR",
+              "definition": "Point Remarquable"
+            },
             {
               "term": "SDM",
               "definition": "Sillon de Dernière Minute"
diff --git a/front/scripts/i18n-checker.ts b/front/scripts/i18n-checker.ts
index 5ddd74911b4..9b5ec564a29 100644
--- a/front/scripts/i18n-checker.ts
+++ b/front/scripts/i18n-checker.ts
@@ -21,6 +21,8 @@ const IGNORE_MISSING: RegExp[] = [
   /translation:destinationTime/,
   /translation:leaveAt/,
   /stdcm:simulation.results/,
+  /stdcm-help-section:asu/,
+  /stdcm-help-section:sections/,
   /translation:remainingTrackConflicts/,
   /translation:remainingWorkConflicts/,
   /translation:trackConflict/,
diff --git a/front/src/applications/stdcm/components/StdcmHelpModule/HelpSection.tsx b/front/src/applications/stdcm/components/StdcmHelpModule/HelpSection.tsx
index c8019cb48ac..dc2dbf39fd5 100644
--- a/front/src/applications/stdcm/components/StdcmHelpModule/HelpSection.tsx
+++ b/front/src/applications/stdcm/components/StdcmHelpModule/HelpSection.tsx
@@ -23,8 +23,8 @@ const HelpSection = ({ section, isActive, closeHelpSection }: HelpSectionProps)
           onClick={closeHelpSection}
           className="flex align-items-center stdcm__help-section__back-button"
         >
-          <span className="mr-2">
-            <ArrowLeft size="lg" iconColor="#1844ef" />
+          <span className="mr-2 icon">
+            <ArrowLeft size="lg" />
           </span>
           {t('backToIndex')}
         </button>
@@ -38,12 +38,12 @@ const HelpSection = ({ section, isActive, closeHelpSection }: HelpSectionProps)
             <SectionContentManager key={index} content={content} />
           ))}
         {currentSection.subSections?.map((subSection) => (
-          <>
+          <div key={subSection.title}>
             <h2 className="stdcm__help-section__subtitle">{subSection.title}</h2>
             {subSection.content?.map((content, idx) => (
               <SectionContentManager key={idx} content={content} />
             ))}
-          </>
+          </div>
         ))}
       </div>
     </div>
diff --git a/front/src/applications/stdcm/components/StdcmHelpModule/StdcmHelpModule.tsx b/front/src/applications/stdcm/components/StdcmHelpModule/StdcmHelpModule.tsx
index af1dcce4987..9d8e318fa98 100644
--- a/front/src/applications/stdcm/components/StdcmHelpModule/StdcmHelpModule.tsx
+++ b/front/src/applications/stdcm/components/StdcmHelpModule/StdcmHelpModule.tsx
@@ -27,40 +27,35 @@ const StdcmHelpModule = ({ toggleHelpModule, showHelpModule }: StdcmHelpSectionP
     <div className={cx('stdcm__help-module', { active: showHelpModule })}>
       <div className="stdcm__help-module__header">
         <button type="button" className="stdcm__help-module__close" onClick={closeHelpModule}>
-          <X size="lg" iconColor="#B6B2AF" />
+          <X size="lg" />
         </button>
       </div>
       <div className="stdcm__help-module__content">
         <h1 className="stdcm__help-module__title">{t('help')}</h1>
         <div className="stdcm__help-module__chapters">
           {sections.map((section, index) => (
-            <>
-              <button
-                type="button"
-                key={section}
-                className="stdcm__help-module__title-button flex"
-                onClick={() => setActiveSection(section)}
-              >
+            <div key={section}>
+              <button type="button" className="flex" onClick={() => setActiveSection(section)}>
                 <div>{t(`sections.${section}.title`)}</div>
-                <div className="ml-auto">
-                  <ChevronRight iconColor="#B6B2AF" />
+                <div className="ml-auto icon">
+                  <ChevronRight />
                 </div>
               </button>
               {index !== sections.length - 1 && <hr />}
-            </>
+            </div>
           ))}
         </div>
       </div>
       <footer>
         {Array.isArray(support) &&
           support.map((item, index) => (
-            <>
+            <div key={item.title}>
               <div className="support-info">
                 <div className="support-info__title">{item.title}</div>
                 <div className="support-info__content">{item.value}</div>
               </div>
               {index !== support.length - 1 && <hr />}
-            </>
+            </div>
           ))}
         <div className="support-asu__link">
           <a href="https://sncfreseau.service-now.com/support_asu" target="_blank" rel="noreferrer">
@@ -68,7 +63,7 @@ const StdcmHelpModule = ({ toggleHelpModule, showHelpModule }: StdcmHelpSectionP
           </a>
         </div>
       </footer>
-      {sections.map((section, index) => (
+      {sections.map((section) => (
         <HelpSection
           section={section}
           closeHelpSection={closeHelpSection}
diff --git a/front/src/applications/stdcm/components/StdcmHelpModule/types.ts b/front/src/applications/stdcm/components/StdcmHelpModule/types.ts
index 3dfe92ca2ab..8c008d2d4df 100644
--- a/front/src/applications/stdcm/components/StdcmHelpModule/types.ts
+++ b/front/src/applications/stdcm/components/StdcmHelpModule/types.ts
@@ -7,32 +7,32 @@ export type Section = {
 
 export type Content = ListContent | TextContent | FAQContent | GlossaryContent;
 
-export type ListContent = {
+type ListContent = {
   type: 'list';
   items: { value: string }[];
 };
 
-export type TextContent = {
+type TextContent = {
   type: 'text';
   value: string;
 };
 
-export type FAQItem = {
+type FAQItem = {
   question: string;
   answer: string;
 };
 
-export type FAQContent = {
+type FAQContent = {
   type: 'faq';
   questions: FAQItem[];
 };
 
-export type GlossaryContent = {
+type GlossaryContent = {
   type: 'definitions';
   definitions: GlossaryItem[];
 };
 
-export type GlossaryItem = {
+type GlossaryItem = {
   term: string;
   definition: string;
 };
diff --git a/front/src/styles/scss/applications/_stdcm.scss b/front/src/styles/scss/applications/_stdcm.scss
index 6d92d175df0..5754dda8889 100644
--- a/front/src/styles/scss/applications/_stdcm.scss
+++ b/front/src/styles/scss/applications/_stdcm.scss
@@ -1,8 +1,8 @@
 @import 'stdcm/card';
 @import 'stdcm/configError';
 @import 'stdcm/header';
+@import 'stdcm/helpModule';
 @import 'stdcm/home';
 @import 'stdcm/linkedPath';
 @import 'stdcm/loader';
 @import 'stdcm/results';
-@import 'stdcm/helpModule';
diff --git a/front/src/styles/scss/applications/stdcm/_header.scss b/front/src/styles/scss/applications/stdcm/_header.scss
index e46628cc018..43762482a07 100644
--- a/front/src/styles/scss/applications/stdcm/_header.scss
+++ b/front/src/styles/scss/applications/stdcm/_header.scss
@@ -43,19 +43,19 @@
     }
   }
 
-  .stdcm-header__debug {
+  &__debug {
     button:focus {
       outline: none;
     }
     button {
       height: 40px;
-      border-radius: 0.375rem;
-      color: rgba(114, 168, 247, 1);
-      border: 0.0625rem solid rgba(114, 168, 247);
+      border-radius: 6px;
+      color: var(--primary50);
+      border: 1px solid var(--primary30);
       &:hover {
-        color: rgba(31, 15, 150);
-        border: 0.0625rem solid rgba(31, 15, 150);
-        background-color: rgba(255, 255, 255);
+        color: var(--primary80);
+        border: 1px solid var(--primary80);
+        background-color: var(--white100);
       }
       &:focus {
         outline: none;
@@ -65,17 +65,21 @@
         opacity: 0.5;
       }
       &.selected {
-        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255) inset;
-        border: 0.0625rem solid rgba(92, 89, 85);
+        box-shadow: 0 0 0 2px var(--white100) inset;
+        border: 1px solid rgba(92, 89, 85);
         background-color: rgba(255, 242, 179);
         &:hover {
-          border: 0.1875rem solid rgba(255, 255, 255);
-          border: 0.0625rem solid rgba(0, 0, 0);
-          background-color: rgba(0, 0, 0, 0.05);
+          border: 3px solid var(--white100);
+          border: 1px solid var(--black100);
+          background-color: var(--black5);
         }
       }
       &.debug {
-        width: 2.5rem;
+        width: 40px;
+        color: var(--primary30);
+        &:hover {
+          color: var(--primary80);
+        }
       }
     }
   }
@@ -94,17 +98,3 @@
     }
   }
 }
-
-.scenario-explorator-card {
-  height: 7rem;
-  margin-bottom: 0;
-
-  &-noscenario {
-    font-size: 1.2rem;
-  }
-
-  &-head-img,
-  &-head {
-    height: 6rem;
-  }
-}
diff --git a/front/src/styles/scss/applications/stdcm/_helpModule.scss b/front/src/styles/scss/applications/stdcm/_helpModule.scss
index 2ee11b4dd90..5d1048eb7b9 100644
--- a/front/src/styles/scss/applications/stdcm/_helpModule.scss
+++ b/front/src/styles/scss/applications/stdcm/_helpModule.scss
@@ -7,10 +7,10 @@
   width: 520px;
   background-color: var(--white100);
   box-shadow:
-    0px 6px 21px -5px rgba(24, 68, 239, 0.26),
-    0px 16px 30px -5px rgba(0, 0, 0, 0.16),
-    0px 3px 5px -2px rgba(0, 0, 0, 0.1);
-  padding: 72px 56px;
+    0 6px 21px -5px rgba(24, 68, 239, 0.26),
+    0 16px 30px -5px rgba(0, 0, 0, 0.16),
+    0 3px 5px -2px rgba(0, 0, 0, 0.1);
+  padding: 72px 48px 72px 56px;
   display: flex;
   flex-direction: column;
   &.active {
@@ -20,32 +20,31 @@
     position: absolute;
     top: 24px;
     right: 24px;
-    cursor: pointer;
+    color: var(--grey30);
   }
   &__title {
     color: rgba(0, 0, 0, 1);
-    font-size: 40px;
+    font-size: 2.5rem;
     font-weight: 600;
-    letter-spacing: -0, 8px;
+    letter-spacing: -0.8px;
     line-height: 48px;
   }
-  &__content {
-    position: relative;
-  }
   &__chapters {
     padding-top: 58px;
     button {
       color: var(--primary60);
       font-weight: 600;
-      font-family: 'IBM Plex Sans';
       width: 100%;
       padding-top: 14px;
       padding-bottom: 14px;
+      .icon {
+        color: var(--grey30);
+      }
     }
     hr {
-      margin-top:  2px;
-      margin-bottom: 2px;
-      background-color: rgba(211, 209, 207, 1);
+      margin-top: 4px;
+      margin-bottom: 4px;
+      background-color: var(--grey20);
     }
   }
   .stdcm__help-section {
@@ -66,29 +65,29 @@
     }
     &__back-button {
       color: var(--grey50);
-      font-size: 18px;
+      font-size: 1.125rem;
       font-weight: 600;
       width: 100%;
-    }
-
-    &__content{
-      padding-left: 32px;
+      .icon {
+        color: var(--primary60);
+      }
     }
     &__title {
-      font-size: 32px;
+      font-size: 2rem;
       font-weight: 600;
       margin-bottom: 46px;
       color: var(--black100);
     }
     &__subtitle {
-      font-size: 24px;
+      font-size: 1.5rem;
       font-weight: 600;
       height: 32px;
       margin-top: 41px;
       margin-bottom: 7px;
     }
     &__content {
-      padding-right: 56px;
+      padding-left: 32px;
+      padding-right: 48px;
       padding-bottom: 72px;
       overflow-y: auto;
       height: calc(100% - 40px);
@@ -115,27 +114,27 @@
       display: flex;
       justify-content: space-between;
       &__title {
-        font-size: 16px;
+        font-size: 1rem;
         font-weight: 600;
         line-height: 24px;
         color: var(--black100);
       }
       &__content {
-        font-size: 16px;
+        font-size: 1rem;
         font-weight: 400;
         line-height: 24px;
         color: var(--black100);
       }
     }
     hr {
-      background-color: rgba(211, 209, 207, 1);
+      background-color: var(--grey20);
       margin: 2px 0px;
     }
     .support-asu__link {
       margin-top: 31px;
       text-align: right;
       color: var(--primary60);
-      font-size: 18px;
+      font-size: 1.125rem;
       font-weight: 600;
     }
   }