> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Guide rapide - Styles

> Guide complet pour personnaliser les polices, les couleurs, les arrière-plans, les images de couverture et les éléments décoratifs dans vos documents.

Craft facilite la création de documents visuellement attractifs sans expertise en design. La fonctionnalité Styles vous permet de personnaliser les arrière-plans, les images de couverture, les couleurs du texte et même la couleur de l'ensemble de votre document. Les Washi tapes apportent une touche décorative unique à vos pages.

Pour mieux comprendre le fonctionnement du style, commencez par notre article sur [Documents, Pages et Blocs](/fr/introduction/documents).

## Menu Styles

<Tabs>
  <Tab title="macOS">
    Dans l'app macOS, trouvez l'onglet **Styles** dans la sidebar de gauche :

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>

  <Tab title="Web">
    Dans l'app Web, trouvez l'onglet **Styles** dans la sidebar de gauche :

    <img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png?s=eeec64a237c912f088c787445755e7e1" alt="Styles menu in left sidebar" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-sidebar.png" />
  </Tab>
</Tabs>

## Aperçu des Styles et Galerie de Styles

Le menu Styles affiche un aperçu minimaliste de votre police, de votre couverture et des paramètres d'arrière-plan – un repère visuel rapide montrant comment les éléments de style de votre document s'accordent.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=0129a124f65d801c8869a4fe08b3c0ce" alt="Style preview example 1" width="289" height="223" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-1.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=8b9989c9e3feb864e536ec6dd41721be" alt="Style preview example 2" width="283" height="217" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-2.png" />

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=bae07e2a5e816779ece33c4a81a7f647" alt="Style preview example 3" width="277" height="216" data-path="images/write-and-edit/styling/quick-guide/en/content/style-preview-3.png" />

Cliquez sur l'**Aperçu des Styles** pour accéder à la **Styles Gallery** et parcourir notre collection de styles prédéfinis pour vos documents.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif?s=62ec4bc1e0ad9fa6ddc9845ef44b59b7" alt="Opening the styles gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/styles-gallery.gif" />

## Personnalisation avancée

Au-delà des styles prédéfinis, vous pouvez créer vos propres couleurs personnalisées pour l'arrière-plan, le texte et le document lui-même.

La fonction d'arrière-plan offre un large éventail d'options :

* **Couleurs unies** - Choisissez depuis une palette ou créez des couleurs personnalisées
* **Dégradés** - Mélangez deux couleurs ou plus
* **Images** - Téléversez les vôtres ou sélectionnez depuis Unsplash

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif?s=83ee42ce92078710e3acca683ec82ec0" alt="Creating custom styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-styling.gif" />

## Téléverser des images personnalisées

Vous pouvez téléverser n'importe quelle image depuis votre appareil comme arrière-plan ou image de couverture.

**Pour les arrière-plans :**

<Steps>
  <Step>
    Sélectionnez l'option **image** dans les paramètres d'arrière-plan
  </Step>

  <Step>
    Choisissez **Téléverser** et sélectionnez votre image
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=37096d20142bf302b8b642af18df45ee" alt="Upload backdrop image option" width="346" height="450" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-backdrop.png" />

**Pour les images de couverture :**

<Steps>
  <Step>
    Cliquez sur la zone de l'image de couverture
  </Step>

  <Step>
    Sélectionnez **Insérer un fichier** et choisissez votre image
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/upload-cover.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=10c428878bdb58edca741dd229e34965" alt="Upload cover image option" width="352" height="360" data-path="images/write-and-edit/styling/quick-guide/en/content/upload-cover.png" />

## Intégration Unsplash

Vous n'avez pas le temps de chercher l'image parfaite pour la couverture ou l'arrière-plan ? L'intégration Craft avec Unsplash facilite la recherche de photos professionnelles en quelques clics.

Lors du choix de l'arrière-plan ou de la couverture, sélectionnez le bouton **Unsplash** pour accéder à la base de données Unsplash. Recherchez des mots-clés pour trouver des images adaptées à votre thème.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif?s=82de269fe5f0f12217c14201f88994a3" alt="Searching Unsplash for images" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/unsplash-integration.gif" />

## Séparateurs et Washi tapes

Les séparateurs aident à structurer le contenu d'un document. Craft va plus loin avec les Washi tapes - des bandes décoratives qui servent de séparateurs visuels.

Choisissez parmi :

* **Lignes classiques** - Style de séparateur classique
* **Washi tapes** - Séparateurs décorés et à motifs
* **Doodles** - Séparateurs de style dessin à la main

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/separators.gif?s=72c338272195774355f463276a46264c" alt="Different separator styles" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/separators.gif" />

<Info title="Astuce rapide">
  Tapez trois tirets (`---`) pour ajouter instantanément un séparateur dans le style défini pour votre document.
</Info>

### Style des Washi tapes

Comme pour l'arrière-plan et l'image de couverture, vous pouvez personnaliser les Washi tapes avec des couleurs unies ou des motifs.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif?s=cc832858117b1aa2e4407cd3d0433971" alt="Styling Washi tapes" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-styling.gif" />

Accédez à la **Washi Tapes Gallery** pour trouver de jolis motifs prédéfinis :

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif?s=8435350d7507d46cde5b5097bca4fb62" alt="Browsing Washi tape gallery" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/washi-gallery.gif" />

Vous pouvez affiner précisément la couleur des Washi tapes. Créez la teinte désirée manuellement ou saisissez le code RGB dans le sélecteur de couleurs.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-color.gif?s=4a5d3a415f66b08b37a96623c5b50cb0" alt="Creating custom Washi tape colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-color.gif" />

## Couleur du texte et du document

Par défaut, les documents Craft utilisent la couleur **par défaut du système** - noir en mode clair ou blanc en mode sombre. Ceci est représenté par l'icône noir/blanc dans le sélecteur de couleurs.

<img src="https://mintcdn.com/craft-support/jHjNTJCRmpMXi5vN/images/write-and-edit/styling/quick-guide/en/content/system-color.png?fit=max&auto=format&n=jHjNTJCRmpMXi5vN&q=85&s=b277771553b8fd81b717eae717ff09e3" alt="System default color icon" width="281" height="166" data-path="images/write-and-edit/styling/quick-guide/en/content/system-color.png" />

Cependant, vous avez le contrôle total sur les couleurs du document et du texte. Choisissez votre nuance manuellement ou insérez le code RGB dans le sélecteur de couleurs pour obtenir la couleur exacte souhaitée.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif?s=7c3927c0a80033062ad48fab51b026b1" alt="Customizing document colors" width="800" height="673" data-path="images/write-and-edit/styling/quick-guide/en/content/custom-doc-color.gif" />

<Info title="Réinitialiser les couleurs">
  Utilisez le bouton de réinitialisation pour revenir instantanément à la couleur système par défaut.
</Info>

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/reset-color.gif?s=52d971ac666bddfd6773f2afaf74d1a9" alt="Resetting document colors" width="426" height="390" data-path="images/write-and-edit/styling/quick-guide/en/content/reset-color.gif" />

## Polices

Changez le style de police de l'ensemble du document en un clic. Choisissez parmi :

* **System** - Utilise la police par défaut de votre appareil
* **Serif** - Police à empattement, traditionnelle et lisible
* **Mono** - Police à chasse fixe pour le code ou le contenu technique
* **Rounded** - Police arrondie, moderne et conviviale

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/fonts.gif?s=11732e87e5fcc8c62ace8900cbb879bf" alt="Changing document fonts" width="800" height="685" data-path="images/write-and-edit/styling/quick-guide/en/content/fonts.gif" />

<Warning title="Polices personnalisées">
  Il n'est pas possible d'importer des polices personnalisées dans Craft pour le moment.
</Warning>

## Exporter des documents stylés au format PDF

La fonctionnalité Styles est conçue pour vous permettre d'exprimer votre sens visuel et de créer l'environnement visuel que vous préférez lors de l'édition. Si vous devez désactiver le style lors de l'export en PDF, vous pouvez facilement le faire dans les options d'exportation.

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/quick-guide/en/content/export-styles.gif?s=0b04cf70df6513a5d9144629f0400399" alt="Disabling styles during PDF export" width="800" height="638" data-path="images/write-and-edit/styling/quick-guide/en/content/export-styles.gif" />

## Articles liés

<CardGroup cols={2}>
  <Card title="Cover Images" href="/fr/write-and-edit/styling/cover-images">
    Personnalisez les images de couverture de vos documents
  </Card>

  <Card title="Cards" href="/fr/write-and-edit/styling/cards">
    Transformez des pages en mises en page visuelles
  </Card>

  <Card title="App Styles" href="/fr/write-and-edit/styling/app-styles">
    Étendez les styles de document à l'interface de l'app
  </Card>

  <Card title="Default Styles" href="/fr/write-and-edit/styling/default-styles">
    Définissez votre style préféré comme valeur par défaut
  </Card>
</CardGroup>