*{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;
}

#main-content #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{
	height:456px;
	padding:14px 0 0 69px;
	width:710px;
}

#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 */