Gestion de page ACF maj

frontend/src/components/Faq.jsx

@@ -64,12 +64,13 @@ const Faq = ({ showFAQ }) => {
         }}
       >
         <Typography
-          variant="h3"
+          variant="body2"
           sx={{
             fontWeight: "bold",
             mb: 4,
             textAlign: "center",
             color: "#0e467f",
+            fontSize: { xs: "2rem", md: "2rem", lg: "2.5rem",whiteSpace: "pre-line" }
           }}
         >
           FAQ
@@ -102,7 +103,7 @@ const Faq = ({ showFAQ }) => {
               {filteredFaqs.length > 0 ? (
                 filteredFaqs.map((faq, index) => (
                   <Box key={index} sx={{ mb: 3 }}>
-                    <Typography variant="h4" sx={{ fontWeight: "bold" }}>
+                    <Typography variant="h3" sx={{ fontWeight: "bold",fontSize: { xs: "2rem", md: "2rem", lg: "2rem" } }}>
                       {faq.question}
                     </Typography>
                     <Typography

frontend/src/components/Pages/Contact.jsx

@@ -278,7 +278,7 @@ const Contact = () => {
             >
               <CardContent>
                 <Typography
-                  variant="h2"
+                  variant="h3"
                   sx={{
                     fontSize: { xs: "2rem", md: "2rem", lg: "3rem" },
                     fontWeight: "bold",