html { font-size: 12px;  overflow-x: hidden; }

body {
	background: #fff;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #000;
	line-height: 1.5em; /* 18px */
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; }

h1 {
	font-size: 1.5em; /* 18px */
	font-weight: normal;
	color: #000;
	line-height: 1.1em;
}

h2 {
	font-size: 1.33em; /* 16px */
	font-weight: bold;
	color: #000;
	margin-top: 1em;
}

h3 {
	font-size: 1.17em; /* 14px */
	font-weight: bold;
	color: #000;
}

h4 {
	font-size: 1em; /* 12px */
	font-weight: bold;
	color: #000;
}

a {	color: #88897a; text-decoration: none;}
a:hover { color: #009999; text-decoration: none; }

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

ul { list-style: none; margin: 0; padding: 0 10px 0 0;}
li { background: url(/_boutiques/ECOCENTRIC//site_image/ec_fleche-grise.png) 0 4px no-repeat; text-indent: 16px;}

img { border: none;}

#av_conteneur {
	height: 434px;
	overflow: hidden;
	width: 735px;
}

#pagesWeb {
	margin: 0 0 0 210px; /* = largeur de #av_menu + 10px de marge */
	height: 444px;
	overflow: auto;
	padding: 0 12px 0 0;
	width: 513px; /* = 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: #fff;
	border: 1px solid #F2F2E5;
	border-width: 0 1px 0 0;
	float: left;
	height: 444px;
	width: 199px; /* = marge gauche de #pagesWeb */ 
}

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

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

#chemin { display: none;}

/*-- pop up --*/
#pop_conteneur {
	height: 420px;
	overflow: hidden;
	width: 550px;
}

  #pop_conteneur #pagesWeb { width: 534px; margin: 0;}