Mon CSS ne fonctionne pas

Bonjour,
Apprenti codeur en HTML + CSS, je dois créer un site pour un projet qui sera évalué au baccalauréat.
Ma page html me parait correcte, j'ai bien utiliser des balises <div> afin de séparer un peu tout ça puis traiter au cas par cas avec le CSS par la suite. Mon CSS me parait correct également mais le rendu est complètement désordonné j'aimerais que quelqu'un me vienne en aide pour comprendre mon erreur (car il y en a, sûrement). J'aimerais en gros que mes <div> left_vert et left_jaune se trouve a gauche (c'est logique) et donc que par conséquent mes balises right_vert et right_jaune se trouve a droite afin de construire quelque chose d'agréable à regarder et de structuré. PS : Voir les différents screenshots et j'ai volontairement flouté les zones inintéressantes qui ne sont que des balises <p> avec mon texte. Merci d'avance à mon futur sauveur.