Bonjour à tous.

débutant dans le CSS, j'essaie de faire le design d'un site destiné aux professeurs des écoles, pour une meilleure gestion des élèves.
Ce site site est crée dans le cadre d'un projet informatique, et à rendre dans le mois.

Je m'en sortais plutot pas mal, jusqu'à ce que je veuille ajouter des éléments décoratif dans mon background.

Voici le fichier html de la page (test) :
Pièce jointe 61140

voici le css :
Pièce jointe 61141

à première vue tout va bien :
Pièce jointe 61142

mais quand j'essaie de dézoomer, ou d'afficher le site sur un écran 16/9, tout les éléments "absolute" reste à la même place alors que le reste du site se décale. Il y a donc un décalage pas très design.

Pièce jointe 61146

J'ai donc essayé de les mettre en position relative, ne serait-ce que le crayon, mais voila le probleme:
Pièce jointe 61145

l'ensemble du corps se décale anormalement vers le bas, et ce même si je décale aussi le crayon vers le bas.




Quelqu'un peut-il m'aider ?

Merci d'avance.