Problème de positionnement de div

Salut,

Voilà, je suis confronté à un souci majeur ! lol J'ai une div qui me pose problème et j'essaye de comprendre pourquoi !! Une fois, c'est les enfants qui sortent de leurs parents, une fois, c'est quelque chose qui ressemble à une fusion de marges... Donc j'essaye diverses astuces pour m'adapter et éviter le bug de positionnement mais au final, je n'y arrive jamais ! Je crois donc qu'il faudrait régler le problème à sa source. Le souci pour ma part, c'est que ça fait 2 jours que je m'y essaye et je n'ai toujours pas compris... alors, là, je sature !!

Au départ, j'essaye de faire ça :

https://www.casimages.com/i/110216090741409974.jpg.html

Mais à l'arrivée, j'obtiens ça :

https://www.casimages.com/i/110216090820739851.jpg.html

Bon, à priori, ce serait un problème habituel lié aux flottants. Mais j'ai essayé d'appliquer les conseils proposés dans le lien suivant à propos des bugs concernant les flottants :

https://css.developpez.com/faq/?page=structure#Depassement_flottants

et même d'autres atsuces au cas où ça aurait un rapport avec la fusion des marges! Mais résultat : rien !! Il reste à chaque fois quelque chose qui pose problème...

Je crois qu'à ce stade, une vision extérieure me serait d'un grand secours !

Je vous lègue donc directement mes fichiers de bon coeur (voir ci-dessous) ! Ce sera vraiment une grosse épine que vous me retirerez du pied !

http://www.gomyr.com/divers/site_gizmil_-_probeme_css.zip

PS : j'ai finalement mis des div pour créer mes marges mais même ça, ça ne marche pas ! Très bizarre, c'est tout le corps du site qui fusionne !

Franchement, merci d'avance si vous avez la patience de consulter ça !