Bonjour, j'ai fais une maquette d'un site que j'aimerais creer, cependant au niveau de ma barre de navigation je ne vois pas comment réalisé le coté rouge/rosé de la barre de navigation en html & css ou il y a écrit connexion | inscription

Screen: 

Hello,

voici un exemple avec uniquement de la CSS:

fiddle

A modifier selon tes envies,taille, pour qu'il soit responsive, ect...

Salut,

Tu peux aussi regarder du côté des pseudo-éléments :before et :after pour réaliser ce genre de chose.

Peut tu me montrer un exemple, je comprend pas très bien comment utilisé :before et :after dans ce cas ci

Hello,

Comme ça : https://jsfiddle.net/49cqpebm/

Autre coup de main que j'avais filé à un gars sur le forum avec les pseudo-éléments : https://codepen.io/Chaaampy/full/ZKNdrx/

Alors voila je vais evité de recrée un autre poste, j'ai tentez de faire un skew pour donné un angle et d'en remettre un pour uniquement remettre le texte droit, voila le résultat: (deux bouton connexion - inscription)

(Désolé pour la qualité de l'image)

Et j'ai un petit probleme situé ici: 

Comment puis-je enlevé cette espace blanc? Merci de votre aide

Tu peux placer un pseudo-éléments à droite de ton rectangle, et lui donner une forme carré afin de masquer l'espace blanc, parce que je pense pas que tu puisse appliquer skew que sur un côté.

Tu peux aussi mettre un background avec dégradé à ton élément qui englobe ta div "connexion-inscription" et celle où il y a écrit "Bryan", histoire de cacher le blanc.

Faut juste bien placer les valeur du dégradé.