add lighter blue for section type background

app/assets/stylesheets/_colors.scss

@@ -23,5 +23,6 @@ $light-yellow: #FFFFDE;
 $blue-france-700: #00006D;
 $blue-france-500: #000091;
 $blue-france-400: #7F7FC8;
+$blue-cumulus-950: #E6EEFE;
 $g700: #383838;
 $alt-blue-france: rgba(245, 245, 254, 1);

app/assets/stylesheets/procedure_champs_editor.scss

@@ -67,7 +67,7 @@
     }
 
     .head {
-      background-color: #D9ECFF;
+      background-color: #FAFDFF;
 
       select {
         margin-bottom: 0px;
@@ -75,23 +75,10 @@
     }
 
     &.type-header-section {
-      &,
+      background-color: $blue-cumulus-950;
+
       .head {
-        background-color: $blue-france-500;
-      }
-
-      .handle.icon {
-        filter: contrast(0%) brightness(200%);
-        opacity: 0.9;
-      }
-
-      label {
-        color: $light-grey;
-      }
-
-      .conditionnel,
-      p {
-        color: $white;
+        background-color: $blue-cumulus-950;
       }
     }
 

app/components/types_de_champ_editor/champ_component/champ_component.html.haml

@@ -1,5 +1,5 @@
 %li.type-de-champ.flex.column.justify-start{ html_options }
-  .flex.justify-start.section.head{ class: type_de_champ.header_section? ? '' : 'hr' }
+  .flex.justify-start.section.head.hr
     .handle.small.icon-only.icon.move-handle{ title: "Déplacer le champ vers le haut ou vers le bas" }
     .flex.justify-start.delete
       = button_to type_de_champ_path, class: 'button small icon-only danger', method: :delete, form: { data: { turbo_confirm: 'Êtes vous sûr de vouloir supprimer ce champ ?' } } do