ajout de dev front

app/pages/orchestre/missions.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="missions--page">
         <!-- ================== -->
         <!-- FILS D'ARIANE -->
         <!-- ================== -->
@@ -30,7 +30,7 @@
                 v-if="missions?.image_illustration_header?.url"
                 :src="missions.image_illustration_header.url"
                 :alt="missions.image_illustration_header.alternativeText || ''"
-                fit="contain"
+                fit="cover"
                 ratio="square"
               />
 
@@ -51,6 +51,15 @@
           </SectionContent>
         </PageSection>
 
+        <!-- ================== -->
+        <!-- CHIFFRES -->
+        <!-- ================== -->
+        <PageSection tone="" content-size="default" padded_size="md" class="chiffres_wp">
+            <Chiffres />
+        </PageSection>
+
+
+
         <!-- ================== -->
         <!-- decalage_gauche 1 -->
         <!-- ================== -->
@@ -229,7 +238,6 @@
     }
   }
   .fiche_header_wp_gauche_carre {
-    
     @media (min-width: 0px) and (max-width: 600px) {
       display: none;
     }
@@ -239,7 +247,6 @@
     }
   }
   .fiche_header_wp_droite {
-
     @media (min-width: 0px) and (max-width: 600px) {
       display: none;
     }
@@ -331,7 +338,6 @@
   }
 
   .fiche_header_titres {
-    
     @media (min-width: 0px) and (max-width: 600px) {
       grid-column: 1;
       grid-row: 1;
@@ -395,7 +401,6 @@
   }
 
   .fiche_header_img {
-    
     @media (min-width: 0px) and (max-width: 600px) {
       grid-column: 1 / 4;
       grid-row: 2 / 3;
@@ -415,7 +420,6 @@
   }
 
   .fiche_header_infos {
-
     @media (min-width: 0px) and (max-width: 600px) {
       grid-column: 1 / 2;
       grid-row: 4;
@@ -443,7 +447,6 @@
     }
   }
   .fiche_header_bandeau {
-
     @media (min-width: 0px) and (max-width: 600px) {
       grid-column: 1 / 3;
       grid-row: 4;
@@ -457,18 +460,27 @@
   }
 
   .fiche_description > * {
-    max-width: 570px;
+    max-width: 640px;
     display: flex;
     flex-direction: column;
   }
   .fiche_description {
     .page-section--inner {
-
       @media (max-width: 599px) {
-          padding-left: 10px;
-          padding-right: 10px;
+        padding-left: 10px;
+        padding-right: 10px;
       }
     }
   }
 
+// =======================
+// SPÉCIFIQUE À CETTE PAGE
+// =======================
+.missions--page {
+  .chiffres_wp {
+    background-color: #31ae13c2;
+    margin-bottom: 50px;
+  }
+}
+
 </style>