*{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 .haircarevisuel{background:url(/img/programmes/pg_FAQ/haircarevisuel.jpg) top left no-repeat;}
#main-content .nutrizionistavisuel{background:url(/img/programmes/pg_FAQ/nutrizionistavisuel.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 #pane2{height:319px;float:left;overflow: visible;width:486px;}
#main-content .haircolorvisuel #pane2{height:319px;}


#main-content .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#main-content .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:transparent url(/img/programmes/pg_FAQ/bgTrack.gif) repeat-y;
}
#main-content .jScrollPaneDrag {
	position: absolute;
	background:transparent url(/img/programmes/pg_FAQ/bgDragg.gif) repeat-y;/* #7ea721;*/
	cursor: pointer;
	overflow: hidden;
	left:16px;
	border-top:1px solid #114c09;
	border-bottom:1px solid #114c09;
}
#main-content .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#main-content .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#main-content a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -15px;
	text-indent: -2000px;
	overflow: hidden;
	background:transparent url(/img/programmes/pg_FAQ/flechehaut.gif) no-repeat;
	height: 8px;
	width:12px;
}
#main-content a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

#main-content a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: -15px;
	text-indent: -2000px;
	overflow: hidden;
	background:transparent url(/img/programmes/pg_FAQ/flechebas.gif) no-repeat;
	height: 8px;
	width:12px;
}

/* FIN SCROLL */