html { font-size: 12px; }

body {
	color: #604848;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: left; 
}

h1 { 
	background: #c7ea5c;
	color: #604848;
	font-size: 15px;
	line-height: 31px;
	padding: 0 13px;
}

a {	color: #C7EA5C; text-decoration: none;}
a:hover { color: #AE314A; text-decoration: underline; }

p { margin: 0 0 11px; color: #604848;}

ul { list-style: none; margin: 0; padding: 0 10px 0 0;}
li { margin: 6px 0; padding: 0;}

img { border: none;}

#av_conteneur {
	height: 444px;
	overflow: hidden;
	width: 755px;
}

#pagesWeb {
	margin: 0 0 0 220px; /* = largeur de #av_menu + 10px de marge */
	height: 444px;
	overflow: auto;
	padding: 0 12px 0 0;
	width: 522px; /* = Largeur de #av_conteneur - marge gauche de #pagesWeb - padding de #pagesWeb */
}

* html #pagesWeb {
	display: inline;
	float: left; /* pour que le contenu de #pagesWeb ne coulent pas sous le menu */
	margin: 0;
}

#av_menu {
	background: #baae9c;
	float: left;
	height: 444px;
	width: 210px; /* = marge gauche de #pagesWeb */ 
}

	#av_menu a { color: #ffffff;}
	
ul.avantages-liste li {
	margin: 4px;
}

ul.avantages-liste li img {
	vertical-align: middle;
}