*{margin:0;padding:0;}
a{text-decoration:none;}
ul, li{list-style-type:none;}
h1, h2, h3{font-weight:normal;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#323232;
}

#global{
	width:960px;
	height:470px;
}

#main-content .gauche, #main-content .droite{float:left;}

#main-content .gauche{
	width:181px;
	height:470px;	
	background:#e1efd3;
	font-size:12px;
}

#main-content .titrenavgauche{
	padding:37px 0 0 0;
	height:105px;
	text-align:center;
	background:#71a525;
}

#main-content .gauche li, #main-content .gauche li a{background:url(/img/programmes/pg_FAQ/itemoff.gif) #b4cdb0 top left no-repeat;}
#main-content .gauche li a.on{background:url(/img/programmes/pg_FAQ/itemon.gif) #badc26 top left no-repeat;}
* html #main-content .gauche ul, * html #main-content .gauche ul * {zoom : 1;}
*+html #main-content .gauche ul, *+html #main-content .gauche ul * {zoom : 1;}


#main-content .gauche li{
	margin:0 0 1px 0;
	color:#114c09;
	width:181px;
}

#main-content .gauche li a{
	display:block;
	color:#114c09;
	padding:2px 3px 4px 19px;
	line-height : 17px;
}

#main-content .droite{
	padding:38px 0 0 69px;
	width:710px;
	height:432px;
}

#main-content .zonecentrale{width:485px;}

#main-content .titrezonecentrale{
	padding:0 0 7px 0;
	text-transform:uppercase;
	min-height:25px;
	_height:25px;	
}
#main-content .titrezonecentrale h2{
	color:#006500;
	font-size:24px;
}

#main-content .sstitrezonecentrale{padding:0 0 18px 0;}
#main-content .sstitrezonecentrale h3{
	color:#77b800;
	font-size:19px;
}

#main-content .questionreponse{padding:0 20px 15px 0;}
#main-content .questionreponse h4{
	font-weight:bold;
	color:#006500;
	font-size:12px;
}
#main-content .questionreponse a{color:#77b800;}

#main-content .haircarevisuel{background:url(/img/programmes/pg_FAQ/haircarevisuel.jpg) top left no-repeat;}
#main-content .suncarevisuel{background:url(/img/programmes/pg_FAQ/suncarevisuel.jpg) top left no-repeat;}
#main-content .bodycarevisuel{background:url(/img/programmes/pg_FAQ/bodycarevisuel.jpg) top left no-repeat;}
#main-content .skincarevisuel{background:url(/img/programmes/pg_FAQ/skincarevisuel.jpg) top left no-repeat;}
#main-content .haircolorvisuel{background:url(/img/programmes/pg_FAQ/haircolorvisuel.jpg) top left no-repeat;}


/* DEBUT SCROLL */
#main-content a.jScrollArrowUp{background:url(/img/programmes/pg_FAQ/flechehaut.gif) repeat-x 0px 0px;}
#main-content a.jScrollArrowDown{background:url(/img/programmes/pg_FAQ/flechebas.gif) repeat-x 0px 0px;}
#main-content .holder{float:left;}
#main-content .scroll-pane{	
	float:left;
	overflow: visible;
	width:486px;
}
#pane2{height:319px;}
#main-content .haircolorvisuel #pane2{height:319px;}
#main-content .jScrollPaneContainer{
	z-index:1;
	overflow:hidden;
	position:relative;
}
#main-content .jScrollPaneTrack{
	right:0px;
	background:#114c09;
	cursor:pointer;
	position:absolute;
	top:0;
	height:100%;
	padding:1px;
}
#main-content .jScrollPaneDrag{
	background:#fff;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	margin:1px 0 0 0;
}
#main-content .jScrollPaneDragTop{
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
}
#main-content .jScrollPaneDragBottom{
	left:0;
	overflow:hidden;
	bottom:0;
	position:absolute;
}
#main-content a.jScrollArrowUp{
	display:block;
	z-index:1;
	right:1px;
	overflow:hidden;
	text-indent:-2000px;
	position:absolute;
	top:0;
	height:6px;
}
#main-content a.jScrollArrowDown{
	display:block;
	z-index:1;
	right:1px;
	overflow:hidden;
	bottom:0;
	text-indent:-2000px;
	position:absolute;
	height:9px;
}
/* FIN SCROLL */