11import  {  fr  }  from  "@codegouvfr/react-dsfr" 
2- import  {  Box ,  Grid2   as   Grid ,  Typography  }  from  "@mui/material" 
2+ import  {  Box ,  Grid ,  Typography  }  from  "@mui/material" 
33import  type  {  Metadata  }  from  "next" 
44import  Image  from  "next/image" 
55
@@ -39,8 +39,8 @@ export default function APropos() {
3939        < Breadcrumb  pages = { [ PAGES . static . aPropos ] }  /> 
4040        < DefaultContainer > 
4141          < Box  sx = { {  p : fr . spacing ( "5w" ) ,  marginBottom : fr . spacing ( "5w" ) ,  borderRadius : "10px" ,  backgroundColor : fr . colors . decisions . background . default . grey . hover  } } > 
42-             < Grid  container  spacing = { fr . spacing ( "5w " ) } > 
43-               < Grid  size = { {  xs : 12 ,  md : 5  } } > 
42+             < Grid  container  spacing = { fr . spacing ( "1w " ) } > 
43+               < Grid  size = { {  xs : 12 ,  md : 3  } } > 
4444                < Typography  id = "editorial-content-container"  component = { "h1" }  variant = "h1"  sx = { {  mb : 2 ,  color : fr . colors . decisions . text . default . info . default  } } > 
4545                  A propos
4646                </ Typography > 
@@ -49,7 +49,7 @@ export default function APropos() {
4949                  sx = { {  maxWidth : "93px" ,  border : "none" ,  borderBottom : "none" ,  borderTop : `4px solid ${ fr . colors . decisions . text . default . info . default }  ` ,  opacity : 1  } } 
5050                /> 
5151              </ Grid > 
52-               < Grid  size = { {  xs : 12 ,  md : 7  } } > 
52+               < Grid  size = { {  xs : 12 ,  md : 9  } } > 
5353                < Typography  variant = "h4"  mb = { fr . spacing ( "2w" ) } > 
5454                  Constat
5555                </ Typography > 
@@ -149,25 +149,25 @@ export default function APropos() {
149149                    } , 
150150                  } } 
151151                > 
152-                   < Image  src = { franceTravail }  alt = "France Travail"  /> 
153-                   < Image  src = { parcoursup }  alt = "Parcoursup"  /> 
154-                   < Image  src = { onisep }  alt = "Onisep"  /> 
155-                   < Image  src = { portailAlternance }  alt = "Portail de l'alternance"  /> 
156-                   < Image  src = { j1s }  alt = "un jeune une solution"  /> 
157-                   < Image  src = { affelnet }  alt = "affelnet"  /> 
158-                   < Image  src = { ocapiat }  alt = "opco ocapiat"  /> 
159-                   < Image  src = { opco2i }  alt = "opco 2i"  /> 
160-                   < Image  src = { sante }  alt = "opco santé"  /> 
161-                   < Image  src = { atlas }  alt = "opco atlas"  /> 
162-                   < Image  src = { afdas }  alt = "opco afdas"  /> 
163-                   < Image  src = { ep }  alt = "opco ep"  /> 
164-                   < Image  src = { commerce }  alt = "opco commerce"  /> 
165-                   < Image  src = { constructys }  alt = "opco constructys"  /> 
166-                   < Image  src = { uniformation }  alt = "opco uniformation"  /> 
167-                   < Image  src = { akto }  alt = "opco akto"  /> 
168-                   < Image  src = { diagoriente }  alt = "Diagoriente"  /> 
169-                   < Image  src = { tbd }  alt = "Tableau de bord de l'apprentissage"  /> 
170-                   < Image  src = { catalogue }  alt = "Catalogue intercarif oref"  /> 
152+                   < Image  src = { franceTravail }  alt = "France Travail"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
153+                   < Image  src = { parcoursup }  alt = "Parcoursup"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
154+                   < Image  src = { onisep }  alt = "Onisep"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
155+                   < Image  src = { portailAlternance }  alt = "Portail de l'alternance"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
156+                   < Image  src = { j1s }  alt = "un jeune une solution"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
157+                   < Image  src = { affelnet }  alt = "affelnet"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
158+                   < Image  src = { ocapiat }  alt = "opco ocapiat"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
159+                   < Image  src = { opco2i }  alt = "opco 2i"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
160+                   < Image  src = { sante }  alt = "opco santé"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
161+                   < Image  src = { atlas }  alt = "opco atlas"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
162+                   < Image  src = { afdas }  alt = "opco afdas"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
163+                   < Image  src = { ep }  alt = "opco ep"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
164+                   < Image  src = { commerce }  alt = "opco commerce"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
165+                   < Image  src = { constructys }  alt = "opco constructys"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
166+                   < Image  src = { uniformation }  alt = "opco uniformation"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
167+                   < Image  src = { akto }  alt = "opco akto"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
168+                   < Image  src = { diagoriente }  alt = "Diagoriente"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
169+                   < Image  src = { tbd }  alt = "Tableau de bord de l'apprentissage"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
170+                   < Image  src = { catalogue }  alt = "Catalogue intercarif oref"  style = { {   width :  "100%" ,   height :  "auto"   } }   /> 
171171                </ Box > 
172172
173173                < Typography  variant = "h4"  mb = { fr . spacing ( "2w" ) } > 
0 commit comments