		#content-layer{
			background:url(../images/backgrounds/background-conseils.png) no-repeat top right #FFFFFF;
		}

		.page-conseils{
			position:absolute;
			top:0px;
			left:0px;
			font-weight:normal;
			color:#78685b;
			width:460px;
		
			font-size:10pt;
			line-height:13pt;
		
			font-size:9pt;
			line-height:12pt;
		
		}
		
		.page-conseils H2{
			position:absolute;
			top:35px;
			left:32px;
			margin:0px;
			padding:0px;
			text-transform:uppercase;
			font-size:17pt;
			line-height:19pt;
			margin-bottom:10px;
		}
		
		.page-conseils H2 SPAN{
			color:#2fb2a5;
		}

		.page-conseils .headlines{
			position:absolute;
			top:100px;
			left:220px;
			width:230px;
			height:530px;
			overflow:hidden;
		}
		.page-conseils .headlines .dotted-line{
			width:190px;
			font-size:1px;
			line-height:1px;
			border-top:#78685b dotted 1px;
		}

		.page-conseils .headlines A{
			display:block;
			padding-left:20px;
			color:#78685b;
			text-decoration:none;
			background:none;
			font-size:9pt;
			line-height:14pt;
		}

		.page-conseils .headlines A.selected,
		.page-conseils .headlines A:hover{
			background:url(../images/backgrounds/bullet.png) 2px 4px  no-repeat;
		}

		.page-conseils .articles{
			position:absolute;
			top:100px;
			left:460px;
			width:430px;
			height:520px;
			padding:0px;
		}

		.page-conseils .articles .dotted-line{
			width:390px;
			font-size:1px;
			line-height:1px;
			border-top:#78685b dotted 1px;
			margin-top:8px;
		}

		.page-conseils .articles DIV.title{
			position:relative;
			top:auto;
			left:auto;
			font-size:14pt;
			line-height:15pt;
			border-top:#78685b dotted 1px;
			border-bottom:#78685b dotted 1px;
			margin:0px;
			padding:0px;
			text-transform:none;
			padding-left:2px;
			padding-top:4px;
			width:425px;
		}


		.page-conseils .articles DIV.title h1{
			font-size:14pt;
			line-height:15pt;
			margin:0px;
			padding:0px;
			text-transform:none;
		}
		.page-conseils .articles DIV.title.suggestion{
			font-size:9pt;
			line-height:14pt;
			margin:0px;
			padding:0px;
			text-transform:none;
			padding:10px 0px 20px 0px;
			margin-bottom:30px;
		}
		.page-conseils .articles DIV.content .formulaire{
			padding-bottom:5px;
			border-bottom:#78685b dotted 1px;
		}

		.page-conseils .articles DIV.content.suggestion TD{
			padding-bottom:5px;
		}

		.page-conseils .articles DIV.content.suggestion A{
			position:absolute;
			top:280px;
			left:70px;
			color:#FFF;
			display:block;
			width:160px;
			height:25px;
			line-height:20px;
			padding-left:10px;
			text-decoration:none;
			background:url(../images/buttons/bleu-conseils.png) no-repeat;
			font-size:10pt;
			line-height:18pt;
			font-weight:bold;
			padding:0px;
			text-align:center;
		}
		
		.page-conseils .articles INPUT{
			width:240px;
			height:14px;
		}
		
		.page-conseils .articles TEXTAREA{
			width:240px;
			height:100px;
			max-width:240px;
			max-height:100px;
		}
		
		.page-conseils .articles P{
			margin-bottom:10px;
		}

		.page-conseils .articles .rating{
			position:relative;
			color:#2ab0a3;
			font-size:9pt;
			line-height:12pt;
			margin-top:10px;
			margin-bottom:5px;
		}
		.page-conseils .articles .global-rating{
			position:relative;
			color:#2ab0a3;
			float:right;
			font-size:9pt;
			line-height:12pt;
		}
		
		
		.page-conseils .articles .rating .stars{
			position:absolute;
			top:0px;
			left:70px;
			background-color:#d2eae8;
			width:75px;
			height:15px;
			float:right;
			overflow:hidden;
		}
		.page-conseils .articles .rating .stars IMG{
			z-index:10px;
			position:absolute;
			top:0px;
			z-index:10;
		}
		.page-conseils .articles .rating .stars .slider{
			position:absolute;
			top:0px;
			left:0px;
			background-color:#2ab0a3;
			width:100%;
			height:15px;
			z-index:1;
		}


		.page-conseils .articles .glossary{
			cursor:help;
			padding-bottom:0px;
			font-weight:bold;
			color:#2fb2a5;
		}

		#glossary-layer{
			position:absolute;
			top:260px;
			left:200px;
			width:350px;
			height:280px;
			background:#ccc;
			z-index:100;
			display:none;
			background:url(../images/backgrounds/background-glossary.png) no-repeat;
			color:#78685c;
		}

		#glossary-layer .close{
			position:absolute;
			top:10px;
			left:150px;
			cursor:pointer;
			background:url(../images/buttons/close-circle.png) right 4px no-repeat;
			padding-right:18px;
		}

		#glossary-layer .title{
			margin:40px 10px 10px 30px;
			width:280px;
			font-weight:bold;
		}

		#glossary-layer .content{
			margin:10px 10px 10px 30px;
			width:320px;
			height:150px;
			overflow:auto;
			padding-right:10px;
			padding-bottom:20px;
		}


		/*
			left menu
		*/
		
		.page-conseils .menu-conseils{
			position:absolute;
			top:100px;
			left:30px;
		}
		
		.page-conseils .menu-conseils UL{
			list-style:none;
			padding:0px;
			margin:0px;
			color:#FFFFFF;
		}
		
		.page-conseils .menu-conseils UL LI{
			position:relative;
			width:160px;
			height:25px;
			margin-bottom:10px;
		}
		
		.page-conseils .menu-conseils UL A{
			position:absolute;
			top:0px;
			left:0px;
			color:#FFF;
			display:block;
			width:160px;
			height:25px;
			line-height:20px;
			padding-left:10px;
			text-decoration:none;
			background:url(../images/buttons/bleu-conseils.png) no-repeat;
			font-size:10pt;
			line-height:18pt;
			font-weight:bold;
		}

		/*
			scroll bar
		*/

		.jScrollPaneTrack {
			left: auto;
			right: 0;
			background:url(../images/scrollbar/track-background.jpg) repeat-y center;
		}
		
		.jScrollPaneTrack .bottom-part,
		.jScrollPaneTrack .up-part{
			height:10px;
			width:100%;
			position:absolute;
			left:0px;
			background:url(../images/scrollbar/track-background-top.jpg) repeat-y center;
			z-index:0;
		}

		.jScrollPaneTrack .bottom-part{
			top:auto;
			bottom:0px;
			background:url(../images/scrollbar/track-background-bottom.jpg) repeat-y center;
		}


		.jScrollPaneDrag{
			background:url(../images/scrollbar/conseils/scrollpane.jpg) repeat-y center!important;
		}

		.jScrollPaneDrag .bottom-part,
		.jScrollPaneDrag .up-part{
			height:14px;
			width:100%;
			position:absolute;
			left:0px;
			background:url(../images/scrollbar/conseils/scrollpane-top.jpg) repeat-y center;
			z-index:1;
		}

		.jScrollPaneDrag .bottom-part{
			top:auto;
			bottom:0px;
			background:url(../images/scrollbar/conseils/scrollpane-bottom.jpg) repeat-y center;
		}

		.scroll-pane{
			position:relative;
			overflow:hidden;
			float: right;
			padding-right:19px; /* Trackwidth + 3px */
		}

		.headlines .scroll-pane{
			width:207px;
			height:510px;
		}
		.articles .scroll-pane{
			width:407px;
			height:455px;
		}
		
		.conseil-link{
			position:absolute;
			top:506px;
			left:33px;
		}





/*******************************************************************/

.conseil-over{
	position:absolute;
	top:100px;
	left:210px;
	background:url(../images/conseils-clean.jpg) no-repeat 0px 0px; 
	width:420px; 
	height:420px;
	overflow:hidden;
}


.conseil-over IMG{
	position:absolute;
	top:640px;
	left:640px;
}
.conseil-over A{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:140px;
	height:140px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:13pt;
	color:#333;
	font-weight:bold;
}
.conseil-over A SPAN{
	font-size:15pt;
	line-height:8pt;
}

.conseil-over A DIV{
	position:relative;
	display:none;
	color:#FFFFFF;
}

.conseil-over A.question-1 DIV{margin:13px 0px 0px 40px;}
.conseil-over A.question-2 DIV{margin:70px 0px 0px 3px;}
.conseil-over A.question-3 DIV{margin:16px 0px 0px 20px;}

.conseil-over A.question-4 DIV{margin:57px 0px 0px 5px;}
.conseil-over A.question-5 DIV{margin:46px 0px 0px 11px;}
.conseil-over A.question-6 DIV{margin:18px 0px 0px 10px;}

.conseil-over A.question-7 DIV{margin:23px 0px 0px 50px;}
.conseil-over A.question-8 DIV{margin:80px 0px 0px 12px;}
.conseil-over A.question-9 DIV{margin:22px 0px 0px 12px;}

.conseil-over A DIV DIV{
	position:absolute;
	margin:0px!important;
	top:0px;
	left:0px;
	z-index:10;
}

.conseil-over A DIV DIV.shadow{
	top:1px;
	left:1px;
	color:#000;
	z-index:5;
}

.conseil-over A DIV DIV.shadow-far{
	top:2px;
	left:2px;
	color:#000;
	z-index:2;
}


.conseil-questions{
	position:absolute;
	left:640px;
	top:100px;
	width:257px;
	color:#a1958d;
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:12pt;
}
.conseil-questions LI{
	display:none;
}
.conseil-questions LI P{
	margin-bottom:8px;
}

.conseil-questions LI DIV{
	padding-top:16px;
}

.conseil-interrogation{
	position:relative;
	width:45px;
	height:45px;
	display:none;
	background:url(../images/interrogation.jpg) no-repeat 0px 0px;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px!important;
}
