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

.gauche, .droite{float:left;}

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

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

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


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

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

.droite{
	padding:38px 0 0 69px;
	width:710px;
	height:432px;
}

.zonecentrale{width:485px;}

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

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

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

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


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