> For the complete documentation index, see [llms.txt](https://doc.simax.fr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.simax.fr/technique/configuration-daffichage-du-site-php/personnaliser-laffichage-en-surchargeant-avec-un-fichier-css-personnalise.md).

# Personnaliser l'affichage, en surchargeant avec un fichier CSS personnalisé

Afin de pouvoir personnaliser l'affichage du Client web, sans avoir de risque d'écrasement des modifications, ou de mises à jour partielles, lors des mises à jour, il est maintenant possible de définir un fichier CSS personnalisé permettant de surcharger la mise en forme. On simplifie de cette façon la personnalisation du site, la mise à jour, et on réduit grandement les risques d'erreurs ou de perte de temps de travail.

&#x20;

Attention : la mise en de cette fonctionnalité requière des connaissances en CSS, et ne sera donc pas facilement accessible à un utilisateur moyen.

&#x20;

Mise en place :

Pour mettre en place le fichier CSS surchargeant la mise en forme existante :

&#x20;

\- Créer un fichier CSS contenant les modifications désirées.

\- Ouvrir le fichier de configuration d'affichage (config\_display.inc.ini.php).

\- Modifier la ligne : « CSS\_FILE\_FOR\_OVERLOAD="" » afin d'obtenir une ligne du type : CSS\_FILE\_FOR\_OVERLOAD="{Chemin fichier CSS de surcharge}"

&#x20;

Ainsi si l'on souhaite surcharger avec le fichier "personnalisation.css" présent à la racine du site, on aura cette ligne :

CSS\_FILE\_FOR\_OVERLOAD="personnalisation.css".

Si l'on souhaite surcharger avec le fichier "personnalisation.css" présent dans le dossier "personnalisation", on aura cette ligne :

CSS\_FILE\_FOR\_OVERLOAD="personnalisation/personnalisation.css".

<figure><img src="https://1324884545-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvBJ3Kpe0vg6NlDz0QDIX%2Fuploads%2Fa2w52xYtBGKQnXjzuQdf%2Fimage.png?alt=media&amp;token=999fcd01-c975-4526-94a3-99be4c52e455" alt=""><figcaption></figcaption></figure>

Note:

&#x20;

{% hint style="info" %}
\- En cas de modification d'images présente à l'origine dans le site, il est conseillé, dans faire une copie (ex : dans un dossier personnalisation/img), de modifier cette copie, et de remplacer l'affichage d'origine par l'affichage des copies modifiées en le définissant dans le fichier CSS de surcharge. Ainsi la mise à jour sera simple, rapide, et non génératrice de risque de bug.
{% endhint %}

&#x20;

{% hint style="info" %}
\- En cas de présence de multiple fichier, il est conseillé de créer un répertoire (ex : personnalisation ou mise en forme), afin d'éviter les éventuels risques d'erreur.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://doc.simax.fr/technique/configuration-daffichage-du-site-php/personnaliser-laffichage-en-surchargeant-avec-un-fichier-css-personnalise.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
