.oils {
	width:570px;
	margin:0 -11px 0 3px; padding:0 8px;
	background:url(/img/stanhome/bgd-colomn-center-top-grey.png) no-repeat;	
}
* html .oils {
	margin:0 0 0 3px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/stanhome/bgd-colomn-center-top-grey.png',sizingMethod='crop');	
}

.oils .pushLeftBg {
	background:url(/img/push/push-bgd-vertical-left.png) no-repeat left top;
}
* html .oils .pushLeftBg {
	background:url(/img/push/push-bgd-vertical-left-8bits.png) no-repeat left top;
}
.oils .pushLeftBg .pushRightBg {
	margin-right:-20px;
	background:url(/img/push/push-bgd-vertical-right.png) no-repeat right top;
}
* html .oils .pushLeftBg .pushRightBg {
	background:url(/img/push/push-bgd-vertical-right-8bits.png) no-repeat right top;
}

.oils .rightList {
	float: right;
	width: 225px;
	margin-top: 36px;
}

.oils h2 {
	color: #2D8CD7;
	font-size: 24px;	
}

.oils h3 {
	margin-top: 36px;
	color: #2D8CD7;
	font-size: 17px;
}

.oils p {
	margin-top: 9px;
	color: #5A5A5A;
	font-size: 11px;
}

.oils p.retraitGauche {
	margin: 20px 10px 0px 5px; padding-left: 76px;
	background: url(/img/stanhome/picto-oils.gif) no-repeat;
	font-size: 12px;
}

.oils ul.oilsList {
	width: 175px;
	margin-left: 30px;
	color: #7E7E7E;
	font-size: 11px;
}

.oils .oilsList li {
	width: 175px;
	border-bottom: 1px solid #E4E4E4;
}

.oils .oilsList li.finList {
	border: 0px;
}

.oils .oilsList a {
	display:block;
	width:165px; height:28px;
	margin: 0px 0px 0px -4px; padding: 12px 20px 12px 21px;
	color:#7e7e7e;
}

.oils .oilsList a.on, .oils .oilsList a:hover {
	color:#FFFFFF; background:url(/img/stanhome/bg-oils-on.png) no-repeat;
}

.oils .content {
	padding:30px 0px 0px 16px;
}

/**********************/
/*   Box intro   */
/**********************/

.oils .content .imgIntro {
	float:left;
	height:280px; width:155px;
} 

.oils .content .boxIntro {
	float:left;
	height:250px; width:355px;
	padding:15px; margin-bottom: 15px;	
	color:#fff; background:url(/img/kiotis/bgd-box-intro.png) repeat-x 0 0;
} 

.oils .content .boxIntro h1 {
	color:#fff;
	font-family: "Trebuchet MS", arial, sans-serif; font-size:17px;
}

.oils .content .boxIntro p {
	color:#fff;
	font-family:arial, sans-serif; font-size:11px;
}

/**********************/
/* liste des huiles */
/**********************/

.oils .content .list {
	clear:both;
	width:555px;	
	margin-left:-16px; padding: 0 0 0 15px;
	background:url(/img/bgd-list.png) no-repeat 0 0;
}
.oils .content .list ul {
	width:565px;
	padding:0 0 0 0px; margin:0 -5px 0 -18px;
	zoom:1;
}
.oils .content .list ul:after {
	display: block; clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
.oils .content .list li {
	float:left;
	padding:10px 0px 10px 14px;

}
.oils .content .list ul.oilList li  a {
	position:relative;
	width:98px; height:95px;
	display:block; float:left;
	padding-top:4px;
	color:#8352ad; text-align:center;
	font-family:arial, sans-serif; font-size:11px; font-weight:bold;
	text-decoration:none;
	background:url(/img/kiotis/bgd-oil.png) no-repeat top center;
}
* html .oils .content .list ul.oilList li a {
	background:url(/img/kiotis/bgd-oil.gif) no-repeat top center;
}
.oils .content ul.oilList li a span {
	position:absolute; right:0; bottom:0;
	width:88px; padding:4px 10px 8px 0;
	display:block;
	cursor:pointer; text-align:right; font-size:10px;
	background:url(/img/kiotis/bgd-legend-oil.png) no-repeat bottom center;
}
* html .oils .content ul.oilList li a span {
	background:url(/img/kiotis/bgd-legend-oil.gif) no-repeat bottom center;
}


/* Page Nav */
.oils .content .list ul.pageNav {
	width:515px;
	padding:10px 0; margin:0;
}
.oils .content .list ul.pageNav li {
	float:none;
	padding:0 2px 0 0;

}.oils .content .list ul.pageNav li.bullet {
	padding-left:7px;
}
.oils .content .list ul.pageNav li.prev {
	float:left;
}
.oils .content .list ul.pageNav li.next {
	float:right;
}
.oils .content .list ul.pageNav li a {
	position:static;
	display:inline; float:none;
	color:#616161;
	font-weight:normal;
}
.oils .content .list ul.pageNav li a:hover {
	color:#8352AD;
}