> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Panneau de style

> Stylisez n'importe quel bloc de signature depuis le panneau de style à droite, avec des sections contenu, style, taille et mise en page, ainsi que des contrôles de marges, de couleurs de marque et de liens.

Le panneau de style est l'endroit où vous contrôlez l'apparence de votre signature e-mail. Sélectionnez n'importe quel bloc sur le canevas, et le panneau de droite se met à jour pour afficher toutes les options disponibles pour cet élément.

Pensez-y comme à un outil de design : cliquez sur un élément, stylisez-le à droite.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-overview.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=fbe79897221564aa33255c61d52f34cc" alt="Panneau de style affichant les sections de configuration du bloc à droite" width="3456" height="1930" data-path="images/styling-panel-overview.png" />
</Frame>

<Note>
  Les options affichées dépendent du bloc que vous avez sélectionné. Un bloc de texte affiche les paramètres de police et de couleur. Un [bloc image](/fr/editor/image-blocks) affiche les options de taille et de recadrage. Chaque type de bloc dispose de ses propres contrôles.
</Note>

## Fonctionnement

Le panneau de style est organisé en sections cohérentes qui apparaissent selon le type de bloc :

* **Paramètres de contenu** : ce que le bloc contient (valeurs de texte, connexions Smartfield, source d'image, liens)
* **Style** : son apparence (couleurs, polices, mise en forme, variantes d'icônes)
* **Taille** : ses dimensions le cas échéant (largeur, hauteur)
* **Mise en page** : son placement dans la signature (marges, espacement, alignement, direction)

Tous les blocs ne comportent pas les quatre sections. Un simple [bloc de texte](/fr/editor/text-blocks) peut n'afficher que les paramètres de contenu et de style, tandis qu'un [bloc conteneur](/fr/editor/containers-and-columns) se concentre sur la mise en page et l'alignement.

Lorsqu'aucun bloc n'est sélectionné, le panneau affiche « Ajoutez ou sélectionnez un bloc pour commencer à éditer ». Cliquez sur n'importe quel élément du canevas ou ajoutez un nouveau bloc depuis le panneau de gauche pour commencer.

***

## Contrôles courants

Ces contrôles apparaissent dans plusieurs types de blocs et fonctionnent de la même manière partout.

### Marge intérieure

Chaque bloc dispose de contrôles de marge intérieure dans sa section Disposition. La marge intérieure correspond à l'espace entre le bord du bloc et les éléments qui l'entourent.

Vous pouvez définir la marge intérieure globalement (une seule valeur pour tous les côtés) ou déplier le contrôle pour régler chaque côté individuellement : haut, droite, bas, gauche.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-padding-controls.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=3edd74259c5840ea98b18cc7ea1a8161" alt="Contrôles de marge intérieure avec réglages côté par côté dans le panneau de style" title="Contrôles de marge intérieure avec réglages côté par côté dans le panneau de style" className="mx-auto" style={{ width:"65%" }} width="614" height="320" data-path="images/styling-panel-padding-controls.png" />
</Frame>

### Sélecteur de couleur

Partout où vous voyez un champ de couleur, un clic ouvre le sélecteur de couleur avec :

* Un dégradé de couleurs pour une sélection visuelle
* Un curseur de teinte pour choisir la couleur de base
* Un champ hexadécimal pour saisir des valeurs de couleur précises
* Vos **couleurs de marque** en bas, pour accéder rapidement à la palette de votre entreprise

### Couleurs de marque

Les couleurs de marque sont partagées entre tous vos modèles de signature. Modifier une couleur de marque la met à jour partout où elle est utilisée. Changez votre bleu de marque une seule fois, et chaque signature qui l'utilise se met à jour automatiquement.

Vous pouvez ajouter de nouvelles couleurs de marque avec le bouton **+** directement depuis le sélecteur de couleur.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-brand-color-picker.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=2f172379c312fe4e84f783c436945901" alt="Sélecteur de couleur avec la palette des couleurs de marque dans le panneau de style" title="Sélecteur de couleur avec la palette des couleurs de marque dans le panneau de style" className="mx-auto" style={{ width:"58%" }} width="926" height="1250" data-path="images/styling-panel-brand-color-picker.png" />
</Frame>

### Liens

La plupart des blocs prennent en charge les liens. Le champ de lien accepte n'importe quelle URL et rend le bloc cliquable dans la signature finale, utile pour générer du trafic vers votre site web, votre page de réservation ou vos profils sociaux.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/styling-panel-link-input.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=89e49bc6fb843fbd5ab4eadf91963cee" alt="Champ de saisie de l'URL du lien dans le panneau de style" title="Champ de saisie de l'URL du lien dans le panneau de style" className="mx-auto" style={{ width:"64%" }} width="694" height="586" data-path="images/styling-panel-link-input.png" />
</Frame>

## Articles associés

* [Vue d'ensemble de l'éditeur](/fr/editor/editor-overview)
* [Ajouter des blocs](/fr/editor/add-blocks)
* [Canevas](/fr/editor/canvas)
