Décoller le vernis : les graphismes de Diablo IV — Diablo IV — Actualités Blizzard

Diablo IV sera officiellement lancé le 5 juin à 16 h PDT, ouvrant un nouvel avion de l’Enfer à traverser pour les vagabonds courageux. Ceux qui tuent des démons à travers Sanctuary remarqueront rapidement une caractéristique déterminante de Diablo IV : il est incroyablement sombre. Cette esthétique rappelle les racines de l’univers, les tons gothiques bien-aimés des originaux Diablo et Diablo II. Le premier de ces jeux est sorti il y a près de 27 ans, et depuis lors, la technologie utilisée pour établir le langage visuel des jeux vidéo a radicalement changé.

L’ingénieur logiciel en chef Keven Cantin, les ingénieurs logiciels principaux John Buckley et Kevin Todisco, l’artiste technique principal Aaron Aikman et l’ingénieur logiciel senior Samuel Delmont illustreront l’approche de l’équipe pour donner vie aux graphismes de Diablo IV, présenteront certaines des technologies utilisées pendant le développement et détailleront notre approche de l’évolutivité.

Philosophie et principes directeurs

Retour aux ténèbres grâce à la technologie

Évolutivité dans Sanctuary

Performances de la console pour le lancement

Quelle est la prochaine étape ?

Les objectifs et la philosophie de l’équipe graphique de Diablo IV sont ancrés dans les mêmes valeurs qui font le succès de Blizzard. Nous sommes une entreprise axée sur le gameplay, ce qui signifie que chaque décision que nous prenons doit être au service de la création d’un jeu amusant à jouer. Avec chaque itération unique du royaume mortel de Sanctuary, nous avons repoussé les limites de notre technologie de rendu. Parce que Diablo IV a un ton plus sombre, nous nous sommes demandé : « Que pouvons-nous faire en tant qu’équipe graphique pour soutenir spécifiquement cette idée ? » Pour répondre, nous avons sélectionné un petit nombre de caractéristiques solides, en privilégiant un résultat très soigné à un plus large éventail d’options.

Au cœur de notre philosophie se trouve la collaboration. Notre équipe d’ingénieurs graphiques et d’artistes techniques a travaillé avec différentes équipes artistiques de Diablo IV, collaborant avec elles pendant le processus de conception et de développement. Avoir des équipes de grève multidisciplinaires travaillant sur une caractéristique spécifique est un phénomène courant pour nous. Nous apprécions profondément les points de vue non seulement de l’équipe artistique, mais de tous ceux qui travaillent sur le jeu.

Un autre aspect qui est important pour nous tous est de rendre le jeu accessible à un large public, en veillant à ce que le plus grand nombre possible de joueurs puissent profiter pleinement du jeu. Nous comprenons que les joueurs peuvent avoir différents appareils avec des capacités différentes, et nous voulons nous assurer que nous offrons une expérience hautement performante et visuellement attrayante à tous les niveaux. Notre pipeline graphique est optimisé pour fonctionner efficacement sur du matériel bas de gamme ; Pour ceux qui ont du matériel haut de gamme, nous tirons parti des capacités supplémentaires de votre appareil pour améliorer la fidélité visuelle et amener le jeu vers de nouveaux sommets.

Retour en haut de la page

L’aspect sombre de Diablo est soutenu par un rendu physique (PBR), qui donne un aspect plus réaliste à nos matériaux de jeu. Comme son nom l’indique, nous utilisons des valeurs réelles et physiques pour modéliser l’interaction entre la lumière et la matière dans notre monde de jeu virtuel. Dans un jeu vidéo, vous pouvez coder votre propre réalité, ce qui peut certainement être très amusant. Mais si vous détachez complètement les graphiques de la réalité, cela peut devenir très déroutant. Nous avons choisi d’ancrer notre technologie dans la physique du monde réel et nous n’avons dévié de la réalité que là où elle semblait appropriée pour le jeu. Par exemple, il n’existe pas de « source de lumière négative » dans le monde réel, mais dans le jeu, il y a des cas où nous voulions que la magie noire éloigne la lumière du monde.

Pour obtenir des matériaux physiques, notre équipe artistique a créé de nombreuses nouvelles données pour indiquer à notre moteur graphique comment la lumière doit interagir avec leur surface. Par exemple, notre équipe artistique a décidé quelles longueurs d’onde de lumière rayonnent à partir d’un matériau donné dans le jeu, à quel point les détails microscopiques sont lisses ou rugueux, à quel point la surface est métallique et bien d’autres aspects.

Sur la photo ci-dessus, les propriétés physiques des matériaux de Lilith, décomposées individuellement.

Au fur et à mesure que la direction artistique s’est concentrée dès le début, nous avons clairement vu la nécessité pour l’art de Diablo IV d’exprimer un ton plus sombre. Cela signifiait des ombres – autant que possible que nous pouvions extraire du matériel – tout en maintenant une fréquence d’images remarquablement élevée. Avec un monde ouvert qui changeait constamment, des donjons générés aléatoirement, une météo dynamique et des cinématiques qui incorporeraient votre personnage unique, cela signifiait que peu d’astuces d’optimisation ou de raccourcis pouvaient être implémentés. Heureusement, les cartes graphiques et les consoles d’aujourd’hui sont incroyablement rapides, capables de milliards d’opérations mathématiques par seconde, un exploit stupéfiant inconcevable il y a quelques décennies à peine. Ces billions d’opérations nous permettent d’effectuer des calculs complexes d’éclairage et d’ombre, qui modélisent étroitement les détails complexes de la réalité elle-même.

Le réseau complexe de formes illustrées représente l’éclairage d’un donjon Diablo IV.

La complexité ici vient de la nécessité de calculer les ombres pour toutes ces sources lumineuses distinctes. Pour accélérer ces calculs, nous avons choisi d’implémenter ce que l’on appelle un moteur de rendu différé, une technique graphique « éprouvée » qui partage des calculs de matériaux complexes entre différentes sources lumineuses.

Au-dessus du moteur de rendu différé se trouve un système élaboré pour calculer, stocker et superposer les ombres que nous avons construit à partir de zéro. Les donjons sont générés aléatoirement; Nous ne savons pas exactement quelle configuration de donjon apparaîtra à l’avance. Heureusement, toutes les parties d’un donjon ne changent pas après sa génération. Lorsque vous vous déplacez dans un donjon, le système d’éclairage tente de gérer et de planifier ces calculs d’ombre, de sorte qu’ils ne sont pas tous effectués en même temps. Le système d’ombre est conçu pour tirer parti des objets statiques tels que le sol et les murs, stockant souvent ces calculs pour plus tard, puis superposant des objets dynamiques - tels que votre personnage - au-dessus de ces calculs stockés.

Bien que les bons matériaux représentent le fondement de notre art du jeu, l’éclairage et les ombres sont nécessaires pour donner vie à cet art. Comme les matériaux, l’éclairage de Diablo IV est basé sur la physique du monde réel. Des détails techniques comme ceux-ci peuvent facilement surcharger une équipe artistique essayant d’exprimer une vision artistique, nous avons donc superposé ces détails sous un ensemble incroyable d’outils artistiques, ce qui permet à cette équipe de se concentrer plus facilement sur sa spécialité. Pour ce faire, nous avons construit un tout nouvel ensemble d’outils artistiques puissants pour Diablo IV. À l’intérieur de ces outils, il y a beaucoup de physique, avec des termes applicables comme lumens, irradiance et candelas.

L’une des surprises imprévues pendant le développement est venue être l’importance de l’espace entre les deux. Obtenir un ton sombre dans un monde granuleux et réaliste signifiait que nous devions modéliser la poussière et les particules entre les lumières et les objets. C’est ce qu’on appelle le rendu volumétrique et c’est un acteur clé pour donner vie à l’art de Diablo IV.

Dans le passé, nous imitions ces effets avec des systèmes de particules, des images placées sur des formes rectangulaires, puis nous les superposions devant la caméra. Le résultat donnait l’illusion de poussière et de fumée, mais c’était primitif. Dans le monde réel, la lumière rebondit, elle interagit avec des structures dures et denses comme les murs. Mais il traverse également un champ de mines de poussière et de particules dans l’air lui-même, modifiant les caractéristiques physiques en cours de route. Dans Diablo IV, nous avons modélisé l’air, de sorte que les particules dans l’air soient éclairées ; La lumière se déplace à travers l’espace non vide entre - parfois dispersée, parfois absorbée - lors d’un voyage vers une caméra virtuelle dans le monde du jeu. Le tout en utilisant la physique du monde réel. Même les vitraux émettent de la lumière dans l’air lui-même.

L’un des points forts de Diablo IV est que l’histoire est racontée à travers des cinématiques dans le jeu. Lorsque la caméra se rapproche d’un personnage, il devient essentiel de représenter fidèlement la peau. La lumière transmet à travers la peau de l’arrière vers l’avant, comme on le voit avec les ailes de Lilith. Dans le monde réel, la lumière pénètre également dans votre peau, rebondit à l’intérieur, puis sort de votre peau d’un endroit différent. La lumière est changée par la chair, le sang et les os qu’elle traverse ; un phénomène physique connu sous le nom de diffusion souterraine. La modélisation de cette interaction lumineuse complexe donne vie au visage d’un personnage – sans elle, un visage ressemblerait à du plastique.

L’image de gauche présente la peau du jeu sans répartition réaliste de la lumière, tandis que l’image de droite montre la lumière répartie de manière réaliste sur la peau.

Retour en haut de la page

Une autre technologie plus récente prenant en charge le retour à l’obscurité est l’affichage à plage dynamique élevée.

HDR est devenu un sujet brûlant car de plus en plus d’écrans sont sur le marché qui prennent en charge cette technologie. Avant de plonger dans le HDR dans Diablo IV, c’est probablement une bonne idée de parler davantage de ce que c’est et de ses avantages par rapport à la technologie d’affichage à laquelle nous nous sommes habitués au cours des dernières décennies.

Les affichages d’antan n’étaient capables que d’une plage de luminosité spécifique. Strictement parlant, le bas de gamme était d’environ 0,1 nits - un nit est une unité de luminosité sur une surface plane, et un nit est la luminosité d’une bougie dans une zone d’un mètre carré. Le haut de gamme de ces anciens écrans était de 80 nits, ce qui n’est pas si lumineux. Si vous êtes familier avec les téléviseurs à tube cathodique, ceux-ci ont probablement culminé autour de 80 lentes. Cela a tendance à paraître décevant. Alors que les téléviseurs HD arrivaient sur le marché, les fabricants d’écrans voulaient que leurs produits soient les meilleurs. Ils ont donc commencé à augmenter la luminosité de leurs écrans jusqu’à des valeurs telles que 300 nits. Et à cause de ce qu’on appelle l’effet Hunt, les couleurs plus vives semblent également être plus saturées. Cela fait ressortir davantage les couleurs et l’image semble être plus vibrante sur les écrans HD, toutes choses que nous aimons voir en jouant à des jeux.

La norme d’affichage HDR a encore élargi cette plage à un maximum actuel de 10 000 nits, et la technologie OLED a permis d’obtenir un véritable noir sur n’importe quelle partie d’un écran. Ces avancées signifient que le rendu interne HDR d’un moteur de jeu peut désormais être envoyé directement à l’écran sans la compression de portée nécessaire pour la norme SDR. Non seulement nous pouvons obtenir des luminosités plus lumineuses, mais plus important encore pour Diablo IV, la plus sombre des ténèbres également.

Voyons comment cela prend vie dans le jeu. Dans cette scène, nous avons activé un visualiseur en fausses couleurs pour afficher la plage de luminosité qui serait émise sur un écran. Ci-dessous une légende pour interpréter les deux images suivantes.

Tout d’abord, nous avons Diablo IV sur un écran SDR.

Maintenant, comparez cela à la même scène sur un écran HDR.

Notez comment la scène sur HDR atteint le vrai noir dans certaines parties de l’écran et est globalement beaucoup plus sombre. Alors, pourquoi la scène en SDR semble-t-elle tellement plus lumineuse? Pour les écrans SDR, nous devons tonétiquer l’image pour augmenter les valeurs les plus sombres jusqu’à l’extrémité inférieure de 0,1 nits - vous pouvez le voir dans les ombres de la première capture d’écran. Cette compression de plage signifie également que nous soulevons la luminosité du reste de la scène, sinon tout apparaîtrait dans l’ombre. Un tel problème est souvent appelé « noirs écrasés » et c’est ce que notre tonemapping pour les écrans SDR évite.

En revanche, en HDR, nous pouvons reproduire plus fidèlement l’éclairage tamisé de ce donjon et même avoir des zones de noir pur dans les ombres, ce qui contribue vraiment à augmenter la sensation sombre et gothique de Diablo IV.

Pendant la bêta ouverte, il y avait un problème où les niveaux de noir dans le jeu semblaient être « élevés » au-dessus des valeurs sombres dont les écrans HDR (OLED en particulier) sont capables. Notre équipe a conclu que cela était dû à une fonction log() destinée à faciliter la distribution des échantillons dans nos tables de recherche de couleurs. La fonction log() fait un excellent travail pour bien répartir les échantillons sur l’ensemble du cube de couleur, mais les amateurs de mathématiques remarqueront qu’elle ne peut jamais atteindre 0 parce que 20 est toujours 1 et même 2-10 est toujours 0.000976. En fait, 0,000976 est significatif car c’était la valeur de couleur minimale que le jeu a pu mettre dans le framebuffer en raison du bug. Grâce au traitement d’image supplémentaire que les fabricants d’écrans mettent dans leurs téléviseurs SDR, ces écrans afficheront quelque chose de proche du noir lorsqu’ils obtiendront ces valeurs. Cependant, sur un téléviseur HDR, ces valeurs sont interprétées plus littéralement. Cette valeur, 0,000976, se traduit par environ 0,07 nits de luminosité sur l’écran, ce qui est bien au-dessus du minimum de nits proche de zéro d’un OLED, et serait considéré comme un éclaircissement inhabituel de toutes les choses sombres dans le jeu. Nous étions heureux d’avoir résolu ce problème à temps pour Server Slam.

Un autre changement clé que nous avons apporté entre Open Beta et Server Slam a été l’introduction d’une nouvelle courbe de tonemapping spécifiquement pour HDR. Vous pouvez penser à prendre des valeurs HDR internes et à les envoyer directement à l’écran de la même manière que de prendre une photo avec votre appareil photo et de la publier sans ajouter aucun type de filtre. Il peut sembler un peu « délavé » ou manquer uniformément de contraste ou de dynamisme. En introduisant une nouvelle courbe de tonemapping organisée par l’équipe artistique, nous avons obtenu le contraste et la saturation des couleurs que nous recherchions en HDR. C’est peut-être mieux démontré dans cette scène désertique. Tout d’abord, l’image non tonemappée.

Et la même scène avec notre carte de tons HDR.

C’est assez subtil, mais si vous passez d’une image à l’autre, vous verrez que l’image tonématée a gagné en contraste et que le sable semble moins gris et plus, eh bien, sablonneux.

Il peut également avoir un effet subtil mais important sur la saturation des couleurs. Portez une attention particulière aux deux sources lumineuses de cette scène.

La source de lumière sur le côté droit de l’image semble naturelle, mais elle manque de contraste dans ses zones les plus lumineuses. Maintenant, comparez-le à la même scène avec notre tonemapping HDR.

Encore une fois, l’effet est subtil, mais extrêmement important. La lueur orange de la source lumineuse à gauche a été décalée vers le rouge et la zone éclairée à droite a gagné une certaine saturation. Ces changements étaient vraiment importants pour conserver le même aspect et la même convivialité du jeu sur tous les écrans SDR et HDR.

Nous avons travaillé dur pour rendre les versions SDR et HDR de Diablo IV époustouflantes par défaut. Nous avons également des options d’étalonnage disponibles pour tenir compte des différences dans l’affichage et l’éclairage ambiant de la pièce. Vous trouverez ci-dessous l’écran d’étalonnage HDR, où vous pouvez ajuster le point noir, la luminosité et le point blanc pour adapter les visuels du jeu à votre goût.

Retour en haut de la page

L’art de la technologie graphique aide à combler le fossé entre les ingénieurs et les artistes en mélangeant l’art des shaders et la génération d’art procédural avec les détails de rendu de bas niveau qui apportent des sommets et finalement des pixels à votre écran.

La plupart de nos travaux de shader se déroulent dans les nuanceurs de pixels, qui génèrent des valeurs pour les matériaux physiques tels que l’albédo, la rugosité, la normale, l’alpha et l’émissivité. La création d’un shader s’apparente à la création d’une série d’étapes permettant d’accéder aux données et de les modifier avant la sortie. L’accès aux données implique souvent l’échantillonnage de textures créées en dehors du moteur, mais la partie intéressante vient lorsque ces données sont mélangées.

Pour les effets visuels, cela pourrait signifier combiner les textures de bruit de tuilage d’une manière qui crée des brumes dérivantes, des enfers ardents ou des piscines empoisonnées sans avoir besoin de créer des textures image par image. Nous pouvons également utiliser des textures avec des informations directionnelles 2D pour déformer les textures de bruit pour encore plus de variance.

Les personnages représentent un mélange intéressant d’éléments de shader simples et de fonctionnalités de shader pour transmettre des effets de statut tels que le fait d’être en feu, empoisonné ou furtif. Pour ajouter une interaction plus dynamique avec l’environnement, les personnages sont mouillés sous la pluie et se dessèchent à l’intérieur. Dans le feu de l’action, les joueurs peuvent devenir ensanglantés en fonction des compétences qu’ils utilisent. Et pour prendre en charge la haute fidélité à proximité du joueur, les shaders de personnages intègrent des textures très détaillées pendant les gros plans.

Les shaders d’environnement appliquent également diverses techniques, telles que la fusion directionnelle, la mise à l’échelle adaptative des textures et la dissolution. Les shaders directionnels permettent de mélanger différentes textures en fonction de la direction de la surface, comme avec les roches enneigées. Les données de courbure peuvent être utilisées pour modifier les valeurs de couleur et de rugosité des arêtes et des cavités sur les ressources de l’environnement. Les prop shaders utilisent des éléments émissifs pour éclairer et attirer l’attention sur les objets interactifs. Les shaders de terrain mélangent de nombreuses textures pouvant être tureliées pour créer un sol naturel. Pour limiter la complexité des shaders, nous avons créé des textures virtuelles qui combinent plusieurs textures une fois, plutôt que d’avoir à les mélanger pour chaque image que nous rendons.

Les nuanceurs d’eau utilisent plusieurs techniques de nuanceur de pixels pour imiter la réalité. Les artistes peuvent peindre des masques pour des couches de textures de bruit et les déformer au fil du temps. La lumière simulée sous la surface se réfracte pour créer un effet de distorsion et la couleur varie en fonction de la profondeur de l’eau. De plus, les personnages peuvent interagir avec l’eau. Les joueurs et les monstres qui traversent l’eau créeront des sillages et remueront de l’écume. Les éléments de nuanceur de sommet nous permettent de déplacer la position des sommets de surface. Cela est particulièrement évident lorsque les vagues de l’océan roulent sur la côte ou que les compétences déclenchent des explosions.

En parlant de nuanceurs de vertex, de nombreuses ressources d’environnement utilisent les mathématiques pour déplacer ce qui serait autrement des maillages statiques. Le feuillage se déplace lorsque les personnages et les compétences interagissent avec eux, les vagues de vent roulent dans l’herbe, les excroissances de chair peuvent onduler, les globules de sang et les membres se tortillent, tout cela en utilisant des données et des mathématiques dans le shader.

Retour en haut de la page

Diablo IV a été conçu pour fonctionner sur PC Windows et deux générations de consoles. Pour soutenir cela, plusieurs systèmes ont été mis en œuvre pour rendre le moteur évolutif et capable de maintenir la qualité, tout en respectant la fréquence d’images requise de chaque appareil pour offrir la meilleure expérience de jeu possible.

Compte tenu des capacités des PC et des consoles, telles que les contraintes de mémoire et la puissance du processeur CPU et GPU, Diablo IV fonctionnera au niveau qui convient le mieux à l’appareil qui l’exécute. Par exemple, les ressources telles que les maillages et les textures peuvent être chargées à un niveau de détail inférieur, et le même traitement peut être appliqué aux shaders, aux effets visuels, aux effets de publication et à d’autres systèmes : peaufiner chacun de ces paramètres vous permet de donner la priorité à la qualité de l’image plutôt qu’aux performances ou vice versa.

Le moteur de Diablo IV sélectionnera automatiquement le paramètre graphique le plus compatible pour le matériel de votre PC. Vous avez le choix entre quatre préréglages : Faible, Moyen, Élevé et Ultra, ainsi qu’une option permettant de sélectionner un préréglage différent pour affiner la qualité et le framerate à votre guise. Mais il est important de comprendre l’impact de chaque paramètre sur les contraintes telles que l’utilisation de la mémoire et le coût de traitement.

L’un des principaux facteurs de performance est la résolution à laquelle le jeu est rendu. Lorsque vous jouez sur PC, le monde peut être rendu à une résolution inférieure ou supérieure en fonction du curseur Pourcentage de résolution, puis redimensionné pour correspondre à la résolution finale du moniteur ou de la fenêtre que le joueur utilise.

La diminution du pourcentage de résolution réduit la résolution interne du jeu, ce qui permet d’obtenir une meilleure fréquence d’images au détriment d’une image plus floue. D’autre part, l’augmentation du pourcentage de résolution augmente la résolution interne, ce qui diminue les performances à mesure que plus de pixels sont rendus, ce qui nécessite plus de mémoire. Cela offre une meilleure qualité et une image plus détaillée, tout en réduisant le crénelage.

Comme alternative à la méthode ascendante par défaut, plusieurs options de mise à l’échelle sont disponibles pour PC, y compris NVIDIA DLSS 3, pour obtenir une résolution plus élevée pour l’image finale tout en rendant le monde à une résolution inférieure avec seulement une perte de qualité minimale. Alors que les consoles tirent parti d’une combinaison de mise à l’échelle et de gestion dynamique de la résolution pour maintenir une fréquence d’images et une qualité visuelle élevées à tout moment.

L’option de qualité de texture est l’un des paramètres ayant le plus grand impact sur l’utilisation de la mémoire et un gameplay transparent. Il y a quatre options de qualité au total, mais nous nous concentrerons sur deux: Ultra et High. Ultra, de la plus haute qualité, nécessite que les ressources haute résolution soient sélectionnées via le menu des options d’installation dans Battle.net et nécessite au moins 32 Go de mémoire installée dans le système. La qualité Ultra est mieux utilisée lorsque vous jouez sur un moniteur 4k, mais le jeu utilisera plus de mémoire pour le faire. L’option High convient aux écrans de résolution 1440p et 1080p. La diminution de la qualité des textures réduit la charge du jeu et augmente les performances, tout en réduisant la mémoire utilisée par le jeu au détriment de textures plus douces.

La qualité des ombres a également un impact important sur l’utilisation de la mémoire. La réduction de ce paramètre réduira l’utilisation de la mémoire tout en augmentant les performances, mais les ombres seront moins nettes pour les ombres du soleil et des lumières locales.

Si la mémoire est un problème, nous vous recommandons de diminuer à la fois la qualité de texture et la qualité des ombres. Certains des autres paramètres ont un impact significatif sur la mémoire (comme la complexité de la géométrie), mais la plupart ont peu ou pas d’impact. Pour plus d’informations sur chaque option individuelle, visitez le menu des paramètres.

Retour en haut de la page

Diablo IV sortira sur plusieurs consoles. Nous avons personnellement sélectionné les meilleures valeurs pour chaque console afin d’obtenir la plus haute qualité. La résolution et les fréquences d’images répertoriées ci-dessous sont représentatives des performances des consoles Xbox et du matériel similaire.

Xbox :

Retour en haut de la page

Nos ambitions graphiques ne s’arrêtent pas là. Après le lancement, l’équipe continuera d’introduire de nouvelles fonctionnalités, d’améliorer et d’optimiser celles qui existent déjà. Vos commentaires sont les bienvenus et vous invitons à nous faire part de vos réflexions sur les forums Diablo IV. Mais, pour l’instant, merci de vous joindre à nous dans cette plongée profonde dans les graphismes qui rendent Diablo IV si inquiétant artistiquement.

On se voit dans Sanctuary !-L’équipe Diablo IV

Comme mentionné précédemment, NVIDIA DLSS 3 est l’une des options de mise à l’échelle disponibles pour Diablo IV sur PC. En utilisant NVIDIA DLSS 3, vous pouvez multiplier les fréquences d’images sur la carte graphique GeForce RTX 40 Series pour rendre les feux des enfers brûlants encore plus lumineux. Si vous souhaitez activer DLSS 3, visitez ici et faites défiler jusqu’au bas de la page.

Le pilote Diablo IV GeForce Game Ready de NVIDIA est désormais disponible au téléchargement via l’onglet Pilotes de GeForce Experience ou sur le site Web de GeForce.

Retour en haut de la page