28172 sujets

CSS et mise en forme, CSS3

Bonjour, voilà je travaille sur ce site : http://www.agence-manche-energies.fr/index.php, et comme vous pouvez le constater, je voudrai mettre toute ma colonne de gauche contenant les menu, modules, etc... comme le haut (bleu).
Seulement j'ai eu beau tout essayer, je ne suis arrivé qu'à modifier que le haut de cette colonne. J'ai bien évidemment changé les images de fond et tenter de nombreuses modifications dans le CSS, mais rien n'y fait.
Je suis perdu, et je vous demande donc de l'aide.
Je vous fournis les codes CSS nescessaires :

La division de mon conteneur :

#ja-container2 {
	padding: 20px 0;
	background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

LA colonne de gauche (et de droite):

#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet-list.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}


Merci de votre aide, si vous avez besoin de précision, n'hésitez pas !

Cordialement.