# Document PDF

Le bloc **Document PDF** affiche un fichier PDF de la médiathèque dans le lecteur du navigateur. Cette page décrit le choix du fichier, son titre pour les lecteurs d’écran, le zoom à l’ouverture et la forme du lecteur.

## Ajouter un document PDF

1. Dans l’éditeur, ouvrez l’inserteur et choisissez **Document PDF**. [Ajouter un bloc](https://lovelyrender.com/fr/documentation/ajouter-un-bloc/) détaille les façons d’insérer un bloc.
2. Dans le panneau **Réglages du PDF**, cliquez sur **Choisir un PDF** et prenez un fichier PDF de la médiathèque, ou envoyez-le. Le bouton devient **Remplacer le PDF**.
3. Donnez un **Titre (accessibilité)** au document, par exemple « Tarifs 2026 ».

Le document s’affiche dans le lecteur de PDF du navigateur, dans l’éditeur comme sur le site. Tant qu’aucun PDF n’est choisi, le bloc n’affiche rien sur le site.

## Onglet Réglages

| Réglage | Effet | Valeur par défaut |
| --- | --- | --- |
| **Choisir un PDF**, **Remplacer le PDF** | Le fichier affiché. Le bloc n’accepte que les fichiers PDF. | Aucun fichier |
| **Titre (accessibilité)** | Le nom du document, annoncé par les lecteurs d’écran. Vide, le cadre est annoncé sans dire ce qu’il contient. | Vide |
| **Zoom au chargement** | L’ajustement de la page à l’ouverture : **Ajuster à la largeur**, **Page entière**, **Ajuster à la hauteur** ou **Automatique**, qui laisse le navigateur décider. | **Ajuster à la largeur** |

![L’inspecteur d’un bloc Document PDF, avec les seuls onglets Réglages et Styles : le bouton Choisir un PDF, le champ Titre (accessibilité) et son aide, puis Zoom au chargement sur Ajuster à la largeur.](https://static.lovelyrender.com/uploads/2026/10/901-doc-blocs-pdf.png)

Le panneau **Avancé** contient le champ **Ancre HTML**, pour pointer le document avec une adresse terminée par `#`.

## Onglet Styles

Le bloc se règle dans les états **Par défaut**, **Survol** et **Actif**. Il porte dès son insertion le style **Lecteur PDF**, qui lui donne la forme d’une page A4 en portrait. Ses proportions sont de 1 sur 1,414 et sa hauteur minimale de 600 pixels. Ces deux valeurs héritées s’affichent dans les champs **Proportions** et **H min** du panneau **Taille et espacement**. Vous les changez là.

| Panneau | Guide |
| --- | --- |
| **Couleurs** | [Colorer un bloc](https://lovelyrender.com/fr/documentation/couleurs-d-un-bloc/) |
| **Images de fond** | [Poser un arrière-plan](https://lovelyrender.com/fr/documentation/arriere-plans/) |
| **Taille et espacement**, **Bordures**, **Effets**, **Transitions** | [Régler la taille, les bordures et les effets](https://lovelyrender.com/fr/documentation/taille-bordures-effets/) |

La partie **Lecteur de PDF** du catalogue de design donne un cadre à tous les lecteurs du site : **Sans cadre**, **Bordé**, **Ombré** ou **Arrondi** ([Adopter un design du catalogue](https://lovelyrender.com/fr/documentation/catalogue-de-design/)). La forme A4 reste.

**Conseil :** Pour changer la forme de tous vos lecteurs d’un coup, réglez-en un, puis mettez à jour le style **Lecteur PDF**. [Enregistrer le style d’un bloc](https://lovelyrender.com/fr/documentation/styles-enregistres/) explique comment.

Le bloc n’a pas d’onglet **Animations** : pour faire apparaître le document au défilement, animez le [Conteneur](https://lovelyrender.com/fr/documentation/bloc-conteneur/) qui l’entoure.

## Sur téléphone

Le lecteur prend la largeur disponible et sa hauteur suit les proportions sans descendre sous 600 pixels. Sur un écran étroit, il est un peu plus haut qu’une page A4. Certains navigateurs de téléphone ouvrent le PDF dans une application ou proposent de le télécharger.

## Accessibilité

Remplissez toujours le **Titre (accessibilité)** : un lecteur d’écran annonce le cadre par ce titre. Pour présenter le document, posez un [Titre](https://lovelyrender.com/fr/documentation/bloc-titre/) ou un paragraphe au-dessus du bloc : le bloc n’a pas de légende.

## Limites

- Un bloc affiche un seul PDF. Pour plusieurs documents, posez plusieurs blocs.
- Le lecteur du navigateur propose toujours de télécharger le fichier : le bloc ne restreint pas le téléchargement.
- Le PDF doit être dans la médiathèque du site.

## Voir aussi

- [Média](https://lovelyrender.com/fr/documentation/bloc-media/)
- [Intégration](https://lovelyrender.com/fr/documentation/bloc-embed/)
- [Régler la taille, les bordures et les effets](https://lovelyrender.com/fr/documentation/taille-bordures-effets/)