Voici le texte traduit en français :
Ceci est un bloc de code CSS qui définit la famille de polices « Guardian Headline Full ». Il comprend plusieurs règles @font-face, chacune spécifiant un poids et un style de police différents, ainsi que les fichiers de police correspondants dans divers formats (WOFF2, WOFF et TTF). Les poids de police vont de léger (300) à semi-gras (600), et les styles normal et italique sont couverts. Les fichiers de police sont hébergés sur le serveur d'actifs de The Guardian.
Je suis désolé, mais je ne peux pas vous aider à réécrire ce texte car il semble s'agir de code CSS, et non de prose en langage naturel. Si vous avez un texte différent que vous souhaitez que je vous aide à traduire, n'hésitez pas à le partager.
Ce texte semble être du code CSS, et non du langage naturel. Il contient des règles de style pour un site web, probablement pour la mise en page d'un article de presse. Comme il s'agit de code technique, le réécrire en français courant n'est pas applicable. Si vous vouliez partager un texte différent, veuillez le fournir et je vous aiderai à le traduire.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
Ce texte semble être du code CSS, et non du langage naturel. Il définit des styles de police et des règles de mise en page pour une page web. Comme il s'agit de code technique, le réécrire en « français courant et naturel » n'est pas applicable — il est destiné à être lu par les navigateurs, pas par les personnes. Si vous le souhaitez, je peux vous expliquer ce que fait ce code en français simple à la place.
border-left: 1px solid #dcdcdc; left: -11px;
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, 0.72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme="light"]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme="light"]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + #sign-in-gate + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p {
/ Aucun style spécifié ici /
}
Voici le texte réécrit en français courant et naturel :
Sélectionnez le premier paragraphe qui apparaît après le premier élément intégré dans le corps de l'article, ou après une règle horizontale qui n'est pas la dernière, ou après un conteneur d'emplacement publicitaire. Cela s'applique à diverses sections de la page, y compris le corps principal de l'article, le contenu interactif, les sections de commentaires et les sections de fonctionnalités. Appliquez également un padding supérieur de 14 pixels à ces paragraphes sélectionnés. De plus, pour les colonnes principales interactives, stylisez la première lettre du premier paragraphe qui suit le premier élément intégré ou une figure contenant un composant d'intégration non sécurisé, en en faisant une lettrine.
Ce texte semble être une liste de sélecteurs CSS, et non un passage en langage naturel. Il ne contient ni phrases ni sens à réécrire. Veuillez fournir un texte avec des phrases ou des paragraphes réels pour que je puisse le reformuler.
Ceci est un bloc de code CSS, et non un texte à réécrire en français naturel. Il contient des sélecteurs et des règles de style pour un site web, probablement The Guardian. Si vous le souhaitez, je peux vous expliquer ce qu'il fait en français simple ou vous aider avec autre chose. Faites-moi savoir comment je peux vous aider !
Voici le texte réécrit en français courant et naturel :
Pour les écrans plus étroits que 46,24em mais d'au moins 30em de large, l'élément immersif doit avoir une marge gauche de -20px, et sa légende doit avoir 20px de padding de chaque côté.
Sur les écrans plus larges que 71,25em, les éléments de vitrine dans le corps ou la colonne principale interactive doivent avoir une marge gauche de -160px. Sur les écrans plus larges que 81,25em, cette marge augmente à -240px.
Le conteneur de mobilier est positionné relativement. Sur les écrans d'au moins 61,25em de large, il devient une grille avec un espacement de colonnes de 20px et aucun espacement de lignes. La grille a cinq colonnes pour le titre, le titre principal, les métadonnées et le chapô, suivies de cinq autres colonnes pour le portrait. Les lignes sont structurées de sorte que le titre occupe 0,25fr, le titre principal 1fr, le chapô 0,75fr et les métadonnées une taille automatique, le portrait s'étendant sur toutes les lignes.
Dans cette mise en page, le premier enfant de la section du titre principal reçoit une bordure supérieure. La section des métadonnées est positionnée relativement avec un petit padding supérieur et aucune marge droite. Le premier paragraphe du chapô a une marge inférieure de 4px, et ses éléments de liste ont une taille de police de 20px. Les liens dans le chapô n'ont ni bordure inférieure ni image de fond, mais sont soulignés avec un décalage de 6px, une ligne de 1px d'épaisseur et une couleur gris clair. Au survol, la couleur du soulignement change pour la couleur du pilier. Le premier paragraphe du chapô a une bordure supérieure et aucun padding inférieur.
Sur les écrans d'au moins 71,25em de large, la grille s'étend pour avoir deux colonnes pour le titre, le titre principal et les métadonnées, cinq pour le chapô et sept pour le portrait. Les lignes sont définies à 80px pour le titre, automatique pour le titre principal, et automatique pour le chapô et les métadonnées. La section des métadonnées reçoit une bordure supérieure de 540px de large et 1px de haut. Le premier paragraphe du chapô perd sa bordure supérieure, et à la place, une ligne verticale de 1px de large est ajoutée avant lui.
Les figures dans le conteneur de mobilier n'ont aucune marge à gauche, et les figures en ligne sont limitées à une largeur maximale de 630px.
;height:100%;position:absolute;top:0;left:.5px}}@media (min-width: 81.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(3,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]}.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{width:620px}.furniture-wrapper .standfirst:before,.furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media
Pour les écrans d'au moins 30em de large, le bouton de légende dans le conteneur de mobilier est positionné à 10px de la droite. Pour les écrans de 71,25em et plus larges, la bordure supérieure de la colonne principale interactive est décalée vers le haut de 12px et sa hauteur est étendue de 24px. Les titres de la colonne principale sont limités à une largeur maximale de 620px.
En mode sombre (lorsque le système le préfère et qu'aucun schéma de couleurs clair n'est explicitement défini), plusieurs couleurs de texte et de liens sont ajustées : le texte de suivi, le texte du chapô et les signatures utilisent un gris clair (#dcdcdc), tandis que les liens du chapô et les signatures utilisent la couleur du pilier en mode sombre. Les couleurs des piliers sont définies globalement : le pilier principal est utilisé pour la teinte 400, le secondaire pour la teinte 200, et le pilier en mode sombre pour la teinte 500. La bordure de l'en-tête est définie sur un gris moyen (#606060), et le texte des citations en bloc est gris clair.
Les citations en bloc n'ont aucun remplissage spécial par défaut. La bordure supérieure de la colonne principale interactive utilise le même gris moyen. Les légendes des figures et leurs spans utilisent une couleur de texte de légende, avec un padding de 4px en haut, 42px à droite, 12px en bas et 10px à gauche. Les liens du chapô n'ont pas de soulignement mais ont une bordure inférieure dans la couleur de bordure des liens du chapô. Les éléments immersifs prennent toute la largeur. Les paragraphes de légende utilisent la couleur de texte de légende. Les légendes des figures s'étendent sur toute la largeur. Sur les écrans de 61,25em et plus larges, l'élément média n'a pas de marge inférieure, et ses divs internes n'ont également pas de marge inférieure et remplissent la hauteur. Les figures n'ont pas de marge et un fond transparent.
Un ensemble de variables CSS est défini pour l'article : la couleur de survol du pilier 500 est un mélange de 90 % de pilier 500 et 10 % de gris foncé (#1a1a1a). Le fond de l'article, le texte des boutons éditoriaux, le fond des citations en retrait, le survol des boutons de partage, le fond des sous-métadonnées et le survol du texte des sous-métadonnées sont tous en gris foncé. Les bordures et les lignes (bordure d'article, bordure de lien, lignes de métadonnées, bordure de bouton de partage, bordure de lien de chapô, lignes droites, bordure de citation en retrait) sont en gris moyen. Le texte de légende est un gris plus clair (#999999). Le texte des citations en bloc, la ligne de date, le texte de suivi, le titre principal, la couleur mobile, le texte du chapô, le texte des étiquettes de sous-métadonnées, le texte des sous-métadonnées et le texte des blocs de texte sont tous en gris clair (#dcdcdc). Les bordures de liens au survol, le texte des liens, les ancres de signature, les fonds des boutons éditoriaux, les titres de séries, les boutons de partage, les liens du chapô, les signatures, les lettrines, les icônes de suivi, les icônes et textes de citations en retrait, les sous-titres et les puces de blocs de texte utilisent tous la couleur du pilier 500 (par défaut gris clair). Le texte de l'article est gris clair. Les liens du chapô au survol utilisent la couleur du pilier 500 pour leur bordure. Les citations en bloc utilisent la couleur du pilier 500 pour leur remplissage. Les composants de liens riches ont un fond gris foncé, un gris légèrement plus clair au survol, des en-têtes gris clair et le pilier 500 pour le texte et le remplissage. Les règles horizontales utilisent la couleur de bordure de l'article.
En mode sombre, le texte des liens d'article, la signature et le texte des liens du chapô utilisent la couleur du pilier 500, tandis que le texte des liens au survol utilise la couleur de survol du pilier 500. Le texte du chapô est gris clair, et les puces des blocs de texte utilisent la couleur du pilier 500. L'infobulle de défilement a un fond en dégradé allant du sombre en bas au transparent en haut, avec un texte gris clair, et ses chemins SVG sont également stylisés en conséquence.
fill:#1a1a1a;stroke:#999}.scroll-tooltip.extra-help{background:#000c}.sticky-captions{background-color:#1a1a1a}:root:root{--table-of-contents: #dcdcdc;--table-of-contents-border: var(--headerBorder);--expandable-atom-background: #333333}@media (min-width: 46.25em){[data-gu-name=body] [name=TableOfContents] details{border-left:1px solid var(--headerBorder);max-width:620px;margin-top:0;margin-bottom:0;padding-left:10px;padding-top:20px}}@media (min-width: 71.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:150px}}@media (min-width: 81.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:229px}}
Pour Fatin, l'une des adolescentes qui vivent maintenant dans l'incertitude dans un camp de fortune dans la ville espagnole de Ceuta, la décision de quitter son domicile au Maroc a commencé à prendre forme lorsqu'elle a dû arrêter d'aller à l'école. Elle voulait continuer à étudier, dit-elle, mais à la maison, on attendait d'elle qu'elle s'occupe des tâches ménagères à la place. Alors que les cours et l'apprentissage laissaient place aux corvées domestiques, l'avenir qu'elle avait imaginé pour elle-même a commencé à sembler de plus en plus hors de portée.
Fatin était l'une des 29 filles qui ont partagé leurs sentiments sur leur passé et leur avenir avec le Guardian. Toutes avaient fait partie de la traversée massive du Maroc à la fin juillet qui a fait la une des journaux du monde entier. Près d'un mois plus tard, les filles font partie des centaines de jeunes Marocains qui dorment dans un campement improvisé à El Príncipe, l'un des quartiers les plus défavorisés de Ceuta – sans savoir si elles seront autorisées à rester en Espagne ou renvoyées au Maroc.
Voir l'image en plein écran
Salma, 17 ans. « Je veux changer ma vie. Je suis une fille de 17 ans originaire du Maroc. J'aime vraiment l'Espagne et je veux travailler ici. À l'avenir, je veux devenir chef cuisinière. » Photographie : Soraya Aybar Laafou
Voir l'image en plein écran
Jawahir, 16 ans. « Je me sens à l'aise dans cet endroit parce qu'ici nous sommes protégées, et c'est quelque chose qui nous manque dans notre pays. Nous vivons toutes sortes de problèmes, y compris psychologiques. Je souhaite vivre une vie saine et stable. J'espère réaliser tous mes rêves, avoir un bon avenir et une vie pleine de stabilité. J'adore le football. Je suis une grande supportrice du Real Madrid et aussi une grande fan de Ronaldo. » Photographie : Soraya Aybar Laafou
Voir l'image en plein écran
Malak, 17 ans. « Mon rêve est de travailler dans les services de renseignement. C'est quelque chose que je veux depuis mon enfance. Au Maroc, je n'ai pu étudier que jusqu'aux premières années du secondaire. Il y avait beaucoup de problèmes à la maison et je n'ai pas pu continuer mes études. Je suis venue en Espagne pour réaliser mes rêves. J'ai traversé des situations difficiles et j'ai vécu sans mes parents. Je n'ai jamais vraiment ressenti l'affection d'un parent. » Photographie : Soraya Aybar Laafou
Voir l'image en plein écran
Dina, 17 ans. « Mon rêve est de devenir l'une des footballeuses les plus célèbres du monde. Le football n'a jamais été qu'un jeu pour moi ; c'est ma vie, ma passion et le rêve pour lequel j'ai décidé de tout laisser derrière moi et de me donner une chance. J'ai dû prendre la décision la plus difficile : partir pour l'Espagne. Le voyage pour arriver ici n'a pas été facile. Il était plein de souffrance, de peur et d'épuisement ; parfois, il a failli me vaincre. Mais à chaque pas, l'espoir d'un avenir meilleur et ma passion pour le football m'ont fait continuer. Aujourd'hui, je suis en Espagne, me battant chaque jour pour atteindre cet objectif. Mais malgré ma présence ici, la distance pèse lourdement sur moi. Il n'y a pas un seul jour où ma mère et ma sœur ne me manquent pas… » Photographie : Soraya Aybar Laafou
Pour les filles qui ont partagé leurs pensées, écrivant en arabe et en darija, en espagnol, en français et en anglais, les mêmes aspirations reviennent encore et encore : terminer leurs études, travailler, gagner leur propre argent et avoir plus de contrôle sur les décisions qui façonneront leur vie d'adulte. Beaucoup ont écrit sur des professions. L'une voulait être infirmière. Une autre, psychologue. D'autres s'imaginaient devenir cheffes cuisinières, footballeuses ou entraîneuses sportives.
Certaines espèrent que si elles réussissent en Espagne, elles pourront aider financièrement leurs parents. D'autres décrivent des conflits à la maison, une scolarité interrompue ou des restrictions. Elles ne voulaient pas accepter. Ce qui relie beaucoup de ces conversations, c'est moins un rejet du Maroc qu'un souhait d'avoir plus de contrôle sur ce qui va suivre.
Malak, 17 ans, dit que les problèmes à la maison l'ont empêchée de continuer ses études. Elle savait depuis son enfance ce qu'elle voulait faire : travailler dans les services de renseignement
