Apres avoir éxaminer rapidement ton site, tu devrais juste changer quelques trucs au niveau du css en faite:
.right { //ligne 704 de ton code
float: right; //Suprimer le float right permetra à ta div de se positionner normalement à gauche.
width: 260px; // si tu souhaite que ta sidebar fasse toute la largeur, width: 100%;
padding: 15px 0px 0px 0; //J'aime pas le padding sur le conteneur principal, je préfère de loin le margin sur le sous element, à supprimer.
margin: 10px 20px 0px 0px;//Peut poser problème avec le width 100%, à supprimer.
display: inline; //Je passerais en inline-block.
overflow: hidden; //Permet de cacher tout ce qui dépasse, à toi de voir si c'est se que tu veux ou non.
}
.sidebar { //ligne 768
float: right; //à supprimer.
}
.sidebox { //ligne 781
//ajoute un float: left; pour que les éléments se positionnent les uns à coté des autres.
width: 260px; //largeur de chaque module de ta sidebar (à modifier toi même).
margin: 0px 0px 30px 0px; //modifie ici pour les margins de chaque module.
list-style: none;
color: #6f6f6f;
}
Je ne suis pas sûre que ça marchera du premier coups, mais ça devrait de mettre sa sidebar au dessous (toujours dans le cadre blanc) en longueur et plus en hauteur.