Les bases de la typographie dans la conception de sites web : voici les éléments à prendre en compte

Mark Max Henckel Dernière mise à jour le 21.10.2020
14 Min.
bases de la typographie webdesign
Dernière mise à jour le 21.10.2020

La simplicité est difficile. C'est mon principe directeur. Il en va de même pour l'utilisation de la typographie dans la conception de sites web, des polices de caractères sur le site - en fait assez simple et pourtant assez compliquée. C'est pourquoi je veux vous montrer aujourd'hui quels principes typographiques vous devez suivre pour afficher le texte de votre site web de la meilleure façon possible.

Ce n'est pas un secret que beaucoup de gens ont du mal à s'exprimer de manière claire et compréhensible. Pourquoi cela devrait-il être plus facile via les médias ? Pour faciliter la communication, il existe la typographie. D'une part, il s'agit de l'étude des polices de caractères, et d'autre part, c'est un élément de conception pour présenter des textes ou des contenus d'une manière intelligente, appropriée ou "esthétiquement agréable". Le fait qu'une distinction soit faite entre la microtypographie et la macrotypographie n'est pas pertinent ici.

La typographie dans la conception de sites web - pourquoi est-elle si importante ?

bases de la typographie webfonts

Il ne fait aucun doute que les polices de caractères peuvent animer et enrichir visuellement un site web. Les polices de caractères - les caractères typographiques - sont des éléments importants de toute bonne conception. Sur Internet, c'est-à-dire dans la conception de sites web, la question de la typographie est soumise à des conditions particulières, que je voudrais éclairer ici et qui devraient vous aider à mieux comprendre la question des polices de caractères sur les sites web.

"Une bonne typographie ne cherche pas tout ce qui est encore possible, mais demande ce qui est nécessaire".
- – Kurt Weidemann

Souvent, les sites web ne sont pas réalisés par des graphistes ou des concepteurs de médias formés, mais conçus et mis en œuvre par des personnes qui changent de carrière. Cela peut expliquer pourquoi même les règles graphiques les plus simples sont ignorées sur de nombreuses pages. Surtout quand il s'agit de typographie, cela devient vite évident. L'utilisation débridée de VERSALIEN, peu lisible, le manque de contraste entre la couleur de la police et le fond, ainsi que la structure confuse des textes rendent la lecture difficile pour les utilisateurs.

Mais c'est bien là l'essence même de la typographie : la lisibilité des textes. Sinon, pourquoi avoir des textes sur votre site web s'ils ne sont pas bons et agréables à lire ? Les opinions divergent sur ce à quoi devraient ressembler des textes lisibles en fin de compte. Je ne peux pas comprendre, car nous avons dans le graphique simple, éprouvé et des règles typographiques très judicieusespour créer des textes bien lisibles. La typographie juste.

L'un d'eux est le contraste, c'est-à-dire la relation entre la couleur de la police et le fond. Dans un forum, j'avais un jour critiqué une mise en page web présentée avec fierté, exactement pour cette raison. Dans le graphique, nous appelons le phénomène que le prétendu web designer essayait de vendre ici "aigle blanc sur fond blanc". Dans ce cas, le texte de son corps était gris foncé sur un fond gris clair, donc très peu contrasté.

Cela peut sembler assez beau - question de goût probablement - mais c'est extrêmement mauvais à lire. J'en ai fait rapport et j'ai constaté que ce n'était pas un bon design pour moi si je ne peux lire le texte qu'avec difficulté. Et j'ai toujours des yeux sains. Que font ceux qui ont une vision limitée ? Un autre problème souvent sous-estimé - l'accessibilité des mots-clés. En tout cas, le créateur a estimé que c'était son projet et qu'il le ferait de cette façon. Nous avons tous déjà entendu cela : "Vous pouvez le faire de cette façon, mais alors ce n'est que de la merde.

Pour moi, c'est une preuve supplémentaire du peu de connaissances que l'on a de la lisibilité des textes, c'est-à-dire d'une bonne typographie. Lors de ma formation de concepteur de médias (presse écrite), il y a de nombreuses années, j'ai eu un graphiste et un typographe chevronné qui m'a beaucoup appris.

Conception de sites web et typographie : les exigences particulières

bases de la typographie webfonts

En matière de conception de sites web, cependant, nous avons d'autres exigences pour la typographie que la lisibilité, à savoir des exigences techniques. Une bonne lisibilité sur Internet signifie également que la page se charge rapidement. Ainsi, lorsqu'il s'agit d'intégrer des polices de caractères, nous avons affaire à la performance des sites web.

En outre, il faut veiller à ce que les textes soient aussi lisibles que possible sur tous les périphériques de sortie, ce qui constitue un autre défi. En fin de compte, avec les possibilités du langage de balisage CSS, vous avez tellement de façons d'intervenir dans la typographie d'un site web que la question devient rapidement plus complexe que prévu.

Et, bien sûr, nous voulons avoir un texte bien structuré, ce qui augmente également la lisibilité, évite la fatigue et a un effet sur Google, c'est-à-dire sur le classement dans le moteur de recherche. À titre d'exemple, les balises d'en-tête H1, H2, H3, etc., l'utilisation de listes et de balises telles que Bold/Strong et em/i, ainsi que les marques de paragraphe et autres éléments HTML significatifs.

Je suis un fan des polices de caractères standard. C'est pour commencer. Je veux dire qu'il n'est pas vraiment nécessaire d'intégrer ses propres polices de caractères sur un site web. À titre d'exemple, la raison pour laquelle on intègre une police propre, la police CI est mentionnée ici. C'est-à-dire une police spécialement développée pour l'entreprise, qui a une fonction importante dans l'identité de l'entreprise. Ou bien on est un très bon designer, artiste ou photographe et on attache de l'importance à une apparence extravagante ou très individuelle, lourde en design. Mais alors, il ne s'agit pas nécessairement de grands blocs de texte ou d'informations écrites.

Une police CI propre est surtout utilisée par les grandes entreprises qui disposent de leur propre service informatique et d'une ferme de serveurs. Il n'y a alors aucun problème de performance et l'intégration des polices CI fait l'objet d'un contrôle technique.

Si vous êtes designer et que vous souhaitez montrer ce dont vous êtes capable, il est conseillé d'utiliser les services existants pour la typographie - sur des polices de caractères web éprouvées - afin d'intégrer la police souhaitée de manière sûre et efficace dans votre propre site web.

Parfois, il semble également acquis de convertir le style de police souhaité en formats adaptés au web et de les intégrer individuellement. La question de savoir si cela fonctionne toujours et à long terme est une autre affaire. C'est pourquoi je préfère dans ces cas Les polices de Googleparce qu'il est rapide, sûr et facile à utiliser. Mais c'est peut-être aussi une question de goût.

Ces 10 règles de typographie vous aideront à

bases de la typographie webfonts

Des règles très simples : Moins, c'est plus. Prenez en compte les habitudes de lecture des gens. Orientez-vous vers des sites web qui présentent des textes éditoriaux détaillés et apprenez.

La lisibilité des textes est soumise à certaines règles scientifiquement fondées. Elles concernent non seulement la police de caractères elle-même, mais aussi son environnement, le contraste, la clarté et la structure des textes, et la netteté de leurs bords.

1. la taille de la police

Il dépend de la police de caractères et repose sur la conception de base du site web. Veuillez noter que l'utilisateur a toujours la possibilité de modifier la taille de la police dans son navigateur ou son smartphone. Essayez de prendre des tailles de police relatives, c'est-à-dire %, EM/REM ou petit/moyen/grand.

2. largeur de ligne

C'est clairement sous-estimé. On a déterminé quelle largeur de texte les gens aiment encore lire : Sa largeur est d'environ 70 caractères au maximum, soit la largeur d'un texte standard A4 d'un document Word. Là encore, il suffit de regarder SPIEGEL ONLINE and Co. pour voir la largeur de leurs blocs de texte.

3. espacement des lignes

Pour une lisibilité optimale, le "bleed-through", c'est-à-dire la distance entre les différentes lignes d'un texte - également la hauteur d'un paragraphe - est d'une grande importance. Selon la police, une bonne "hauteur de ligne" de 140-150% a fait ses preuves sur le web.

4ème largeur de fût

Il s'agit de l'espacement entre les lettres, qui est manipulé par "letter-spacing". Vous devez être très prudent ici et n'utiliser cette option de conception qu'avec précaution - par exemple, avec certaines rubriques. En cas de doute, ne l'ajustez pas.

5. le contraste

Le rapport entre la couleur et la couleur de fond est appelé contraste. Ce chiffre devrait être très élevé pour un texte continu. Le contraste maximal est bien sûr le texte noir sur fond blanc. C'est facile à lire.

6. structure

Cela signifie : bien et des textes correctement structurés sur le plan sémantique! En HTML, cela signifie, par exemple, les balises d'en-tête H1/H2/H3, les marques de paragraphe, les balises de liste, l'utilisation intelligente de la mise en évidence au moyen de gras, d'italique et de couleur, et bien plus encore. Cela a un effet direct sur la lisibilité et aussi sur le classement de Google.

7. un maximum de deux types de police

Souvent, une police par page web, livre ou document suffit. Dans des cas particuliers, il est possible d'en utiliser davantage, mais il faut faire attention à ne pas utiliser plus de deux polices par document.

8. les capitales

Évitez d'utiliser des majuscules dans les rubriques et dans le menu. Ils sont très difficiles à lire. Mais s'il s'agit de mots isolés, par exemple dans la NAVIGATION, vous pouvez utiliser des majuscules. Mais ne les écrivez pas en majuscules, mais utilisez le CSS avec "texte-transformation:majuscules".

9. les polices standard

En cas de doute et comme solution de repli, vous devriez choisir des polices système éprouvées. Arial, Verdana, Georgia sont des polices système très lisibles, qui ont presque tous les périphériques de sortie et sont toujours bien affichées.

Une solution de repli se trouve dans le CSS de la police de caractères qui lui succède, telle que BMW : "bmwTypeWebBoldAll", "Arial", "Helvetica", sans-serif ; Ici, Arial, Helvetica et Sans-Serif (la première police sous Sans-Serif) sont les repères qui sont affichés si la police qui les précède est ("bmwTypeWebBoldAll") n'est pas disponible.

10. formation

Mon conseil : renseignez-vous sur la typographie en participant à des ateliers, en lisant des livres et des magazines, ou même en regardant une vidéo YouTube sur le sujet. Je peux par exemple cette vidéo recommandé. Bien que Sven Wolfermann déconseille les polices système dans sa présentation au "MobileTechCon" - contrairement à moi - il fournit ici de nombreuses informations précieuses sur le sujet !

Conception de la police avec CSS : Cela a-t-il un sens ?

Un mot sur la conception ou le paramétrage des polices à l'aide du CSS : Notamment depuis l'introduction de CSS3 Les développeurs ont à leur disposition des réglages subtils pour les polices de caractères d'une page. Mais ont-elles toujours un sens ? À quoi servent les produits et quand les utiliser ? Quels sont mes objectifs ? La lisibilité ? Un beau design ? Tous les codeurs - ou leurs clients - ne semblent pas y penser. Ils font parfois tout ce qui est possible. Non seulement elles modifient la hauteur des lignes, ce qui entraîne parfois des problèmes de hauteur, d'espacement et de positionnement, mais elles modifient également la espacement des lettres ou mettre des ombres autour du texte ("text-shadow"“). Mauvais, ce que l'on peut voir parfois.

Je vous conseille donc de faire très attention à ces réglages et d'utiliser ces techniques avec prudence. Ils ne fonctionnent pas partout et gênent même l'affichage sur les petits écrans. Ensuite, vous devez reprendre les instructions pour le bureau via "Media Queries", ce qui coûte à nouveau du temps et du code. Cela a-t-il vraiment un sens ? La réponse doit être très claire et précise.

Styles de police pour le web : Les polices de caractères du Web

bases de la typographie webfonts

Au fait : BMW l'utilise sur son site web, comme vous venez de le voir : font-family : "bmwTypeWebBoldAll", "Arial", "Helvetica",sans-serif;font-weight : normal ; - dans le corps du texte tout à fait normal Arial. Amazon utilise également Arial sur la page de la boutique. La pomme, en revanche, utilise sa propre propre police comme webfont. La compagnie pétrolière TEXACO utilise les polices Adobe. Tout comme de petits exemples.

Heureusement, il existe aujourd'hui de nombreux fournisseurs de polices web qui fonctionnent bien et sont généralement faciles à intégrer. Malheureusement, ces "polices web" sont généralement payantes, avec des prix très variables. A titre d'exemple, outre Les polices de Googlesont les suivants : Polices Adobe (Boîte à outils), Webtype, Polices Web Adobe Edge et bien d'autres encore - une question de goût.

L'avantage de ces services est évident : vous n'avez aucun souci de licence (voir ci-dessous "Attention : Licences !"), les polices fonctionnent et il existe une aide ou des instructions pour intégrer les polices sur votre propre site web (c'est-à-dire le support ou les forums). Les tarifs sont souvent extensibles et vous disposez d'un certain choix de polices de caractères intéressantes.

Le malentendu avec les polices de Google

Lorsque le site RGPD a été rendu obligatoire pour tous en mai 2018, la communauté du Net a évité l'utilisation de Les polices de Google la panique. Les gens craignaient que l'utilisation de la Google Web Fonts - – Google comme le "poulpe des données" contre lequel cette législation était dirigée - ne respecterait pas les lois sur la protection des données et risquerait donc de recevoir des avertissements coûteux.

Cette crainte encore largement répandue éclaire la grande confusion malheureusement toujours en cours autour du RGPD. Au profit des avocats et des cabinets d'avocats du web, bien sûr. Si vous vous inquiétez de l'utilisation de Google Analytics avec Google pour l'utilisation de Google Analytics et se référer à l'utilisation des polices - et en cas de doute aux cookies - dans la politique de confidentialité, le problème n'est plus d'actualité.

Si vous avez encore peur, vous pouvez utiliser tous les Les polices de Google aussi au niveau localtélécharger les Google Web Fonts et les enregistrer sur votre propre espace web.

En outre, la représentation a été dénoncée à plusieurs reprises, ce qui était supposé être si mauvais lorsque les polices étaient utilisées via Google charges. Il n'est pas mentionné que Google dispose d'une architecture de serveur rapide et extrêmement stable et qu'il y a encore des lacunes (voir ci-dessus). De plus, vous chargez les polices à partir d'une URL différente, ce qui peut se produire en même temps que vous chargez les fichiers à partir de votre propre serveur. Mais vous êtes une fois de plus dépendant de Google.

Attention : Temps de chargement !

La question est simple. Les polices Web intégrées en externe peuvent augmenter le temps de chargement des pages. Le code nécessaire pour intégrer vos propres polices dans la page, aussi. Seules les polices standard, les polices système des ordinateurs et des smartphones des utilisateurs, ne nécessitent aucun temps de chargement, car elles ne sont pas chargées via un serveur, ni via Internet.

En d'autres termes, si votre site a besoin de temps de chargement rapides, si vous n'avez pas l'hébergement approprié et si l'entreprise ne dispose pas d'une police CI qui doit absolument être intégrée, je choisirais toujours la norme. Ainsi sur les polices système, comme Amazon le fait avec Arial fait. C'est logique.

Bien sûr, il ne s'agit pas des kilo-octets des polices à charger. Il s'agit du fait qu'elles viennent en tête, qu'elles doivent être téléchargées en plus et que le serveur qui est censé les fournir peut s'affaiblir. Cela n'a pas l'air bon et est ... évitable.

Attention : Licences !

Il faut en tout cas tenir compte des licences pour les polices utilisées. Si vous utilisez Les polices de Google ou des polices système, qui sont chargées à partir de l'ordinateur de l'utilisateur, vous êtes sur la bonne voie. Pour toutes les autres polices que vous utilisez sur votre site web, vous devez vous assurer soit que vous possédez la licence pour ces polices - et cela peut rapidement devenir assez coûteux - afin de les utiliser sur votre propre site web, soit qu'il s'agit d'une police libre ce qui entraîne parfois d'autres problèmes, comme les trémas allemands et l'Eszett (ß).

Pour éviter tous ces problèmes, j'utilise simplement des polices de caractères système ou Les polices de Google. Si le client veut absolument sa propre police, vous devez inclure généreusement l'effort que cela représente dans le calcul, car l'intégration de polices externes dans le site web peut parfois poser des problèmes. Par exemple, avec les instructions CSS et ici, par exemple, ce que je trouve toujours très mauvais, quand on cherche le nom correct de la police, de pouvoir contrôler correctement la police pour l'affichage des balises HTML.

Intégrez vos propres polices de caractères

bases de la typographie webfonts

Avec des polices web et/ou des polices personnalisées que vous avez rendues utilisables pour votre site via un outil, vous pouvez rapidement rencontrer un certain nombre de problèmes pour votre site. Il n'est pas rare que les phénomènes suivants se produisent :

  • Police clignotante lors du chargement de la page (il n'est pas rare que vous voyiez une police différente jusqu'à ce que le CSS la remplace par la police web.
  • Des temps de chargement plus longs en raison de polices de caractères très complexes (plutôt rares).
  • Les plus courantes sont Floutage de la policela distorsion due à un rendu défectueux (sur certains systèmes).

Pour pouvoir afficher la police souhaitée sur le plus grand nombre possible de périphériques de sortie, vous avez besoin de différentes variantes de celle-ci. "TTF" est clair et bien connu, mais il faut aussi "EOT" et les deux variantes "WOFF". C'est essentiel si vous voulez inclure vos propres polices de caractères dans votre page. Vous pouvez obtenir ces formats gratuitement avec le Générateur de contenu Web pour les générer gratuitement. Ensuite, vous chargez tous les formats de votre police dans un répertoire de votre serveur et les incluez dans votre feuille de style (fichier CSS) avec le chemin d'accès suivant :

@font-face {
font-family: 'Dein Font';
font-style: normal;
font-weight: normal;
src: local('Dein Font'),
      url('/deinfont.woff2') format('woff2'),
      url('/deinfont.woff') format('woff'),
      url('/deinfont.ttf') format('ttf'),
      url('/deinfont.eot') format('eot');
}

@font-face {
font-family: 'Dein Font';
font-style: italic;
font-weight: normal;
src: local('Dein Font Italic'), vbx
      url('/deinfont-italic.woff2') format('woff2'),
      url('/deinfont-italic.woff') format('woff'),
      url('/deinfont-italic.ttf') format('ttf'),
      url('/deinfont-italic.eot') format('eot');
}

Vous pouvez voir à partir de ceci Code @font-facequi intègre votre police, à quel point cette chose est complexe - et donc à quel point elle est sujette à l'erreur.

Vous pouvez ensuite les utiliser dans votre code CSS et les attribuer à des classes et des ID. Il se peut qu'il y ait des erreurs en cours de route, que je ne vais pas couvrir ici. Comme je l'ai dit, je recommande des polices standard ou système ou Les polices de Googleque vous pouvez simplement ajouter au fichier lié dans l'en-tête de votre site web :

Typographie et affichage mobile

bases de la typographie webfonts

Cet aspect est fondamentalement négligé. De mon point de vue, il n'est absolument pas nécessaire de charger une police spéciale sur un petit écran ou un smartphone. Qu'en est-il des repères, les polices système des téléphones portables ? Lorsque je crée un site mobile ou que je dois optimiser un mobile, la première chose que j'économise grâce au temps de chargement est bien sûr de télécharger une police web ou une police personnalisée.

Bien que ce soit une décision stratégique qui doit évidemment être discutée avec le client, je ne vois pas un seul argument en faveur d'une police web ou d'une police personnalisée en rendu mobile.

Bien entendu, toutes les polices système qui existent pour le bureau ne sont pas disponibles sur le smartphone. Mais de mon point de vue, peu importe que vous ayez telle ou telle police pour le système Android. Il s'agit d'une information rapide et d'une bonne lisibilité. C'est ce que garantissent Android et Apple avec leurs polices de caractères adaptées au web.

Si nous examinons la question sous deux angles principaux, à savoir la vitesse de chargement et la conception, nous devons conclure qu'une police distincte pour l'affichage mobile est superflue. D'une part, la police affecte la vitesse de chargement de la page mobile, ce qui est particulièrement important lorsqu'elle est récupérée à l'arrêt de bus. D'autre part, nous avons (nous l'espérons) réduit le contenu et la conception de la version mobile du site web à l'essentiel pour ces raisons précises. Pourquoi charger une police web sophistiquée ?

L'essentiel est toujours la lisibilité ou ce que nous voulons atteindre : La transmission de connaissances, le divertissement littéraire, l'achat d'un produit, un contact, la commande sur newsletter ou la consultation de l'adresse. Et pour cela, je pense que vous n'avez pas besoin d'une police spéciale ou d'une police web.

Des polices de caractères sûres pour le Web

Vous devez absolument vérifier si l'une des polices du système est adaptée à votre projet. Une collection complète d'instructions CSS dites "web-safe" pour les polices système ou les polices web-safe peut être trouvée à l'adresse www.cssfontstack.com.

Que sont les polices de caractères sécurisées sur le web ? Les polices pour le Web sont des polices préinstallées dans de nombreux systèmes d'exploitation. Bien que tous les systèmes n'aient pas les mêmes polices installées, vous pouvez utiliser un bloc de paramètres CSS sécurisé pour sélectionner plusieurs polices qui se ressemblent et qui sont installées sur les différents systèmes que vous souhaitez prendre en charge. Si vous souhaitez utiliser d'autres polices que celles préinstallées à partir du CSS3, vous pouvez utiliser le Paramètres de ces polices web les paramètres de la police.

Conclusion

Vous devez examiner très attentivement si une police système fera aussi bien, voire mieux, qu'une police web ou une police personnalisée. Des polices éprouvées comme Verdana, Arial, Trebuchet, Georgia, Times New Roman, etc. et d'autres peuvent être utilisés sans hésitation, car ils sont toujours bien lisibles. Et nous n'avons même pas parlé de la qualité du contenu des textes, qui joue bien sûr un rôle décisif. Mais c'est un autre sujet. Ne sous-estimez pas le problème de la typographie sur les sites web. Tenez compte des aspects techniques, tels que le temps de chargement ou les trémas des polices, mais aussi de la convivialité de votre conception typographique, c'est-à-dire de la lisibilité, du contraste et de la hauteur des lignes.

Réfléchissez bien pour savoir si vous voulez utiliser votre propre police ou une police externe, ou si vous voulez utiliser des polices standard ou des polices système. Si vous décidez d'utiliser votre propre police, demandez-vous si vous voulez utiliser cette police ou une variante similaire avec Les polices de Google peut être utilisé. Ou si vous voulez vraiment intégrer les polices à la main via le CSS et les charger au préalable sur le serveur dans tous les formats. Les polices standard que l'utilisateur a sur son ordinateur ou son smartphone et qui sont chargées à partir de là sont éprouvées et ne nécessitent aucun temps de chargement. Cela est encore plus vrai pour le chargement mobile, lorsque vous affichez votre page sur les smartphones.

Pour moi, il n'y a généralement pas grand-chose à dire sur l'utilisation d'une police externe ou d'une police Web. Si un WordPress -Theme Google Fonts a déjà à bord, je l'utilise bien sûr. Parce que sinon, je dois tout foutre en l'air ou l'écraser. Cela n'a pas vraiment de sens.

S'il n'est pas clair pour le identité d'entreprise d'une entreprise, une police personnalisée est gadget. Et la plupart des clients n'ont ni temps ni argent pour cela. De nombreux chemins mènent à Rome - mais la mauvaise utilisation de la typographie sur un site web et dans la conception de sites web ne le fait probablement pas. Avec les polices du système, avec les polices standard, on peut créer et remplir de merveilleux designs et de superbes sites web. Les utiliser est la façon la plus sûre de procéder, et cela restera ainsi pendant un certain temps encore. C'est peut-être une question de goût, mais c'est peut-être l'approche la plus sensée sur le thème des polices de caractères sur les sites web.

Contribution à l'image : Ksenia Makagonova [Unsplash]
Autres images : Alexander Andrews [Unsplash], rawpixel [Pexels], Magda Ehlers [Pexels], Kristian Strand [Unsplash], Aaron Burden [Unsplash], RAIDBOXES

Mark Max Henckel - Webdesigner de Hambourg. Concepteur de médias (imprimé) formé, travaillant comme concepteur de sites web depuis 2000. D'abord chez mobile.de, depuis 2003 en tant qu'indépendant. Depuis 2005, blogueur sur différents sujets sur différents blogs. En tant que pigiste de 2007 et 2008 chez SPIEGEL ONLINE, impliqué dans le lancement de einestages.de à l'interface entre la programmation et l'édition. Plus tard à la société de marketing SPIEGEL Quality Channel (Spiegel QC/Spiegel Media). Travaille en free-lance pour libri.de et diverses agences graphiques et informatiques. Depuis 2008, spécialisée dans WordPress .

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.