*{margin:0;padding:0;}
a{text-decoration:none;}
ul, li{list-style-type:none;}
img{border:none;}

#conteneur{
	width:960px;
	height:470px;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	background-color:#014b00;
}
#colonne_gauche {
	position:absolute;
	top:0;
	left:0;
	height:470px;
	width:184px;
}
#centre {
	position:absolute;
	top:0;
	left:185px;
	width:776px;
}

/***********************************************************************************
								DEBUT NAV DE GAUCHE
***********************************************************************************/
/*.navfructisgauche, .navfructisdroite{height:470px;}*/

.navfructisgauche{
	width:184px;
	height:470px;
	background: transparent url("/img/fructis/navfdfructis.png") top left repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/fructis/navfdfructis.png');
	_background: none;
	font-family:Arial, Helvetica, sans-serif;
}
.navfructisgauchelogo{
	padding:29px 0 0 0;
	height:95px;
	_height:118px;
	text-align:center;
}
*+html .navfructisgauchelogo{height:95px;}
.navfructisgaucheseparation{
	height:1px;
	background: transparent url("/img/fructis/separationnavfructis.png") top left repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/fructis/separationnavfructis.png');
	_background: none;
	font-size:0;
}
.navfructisgauche ul li.titrerubrique, .navfructisgauche ul li.titrerubrique a, .navfructisgauche ul li.liensrubrique, .navfructisgauche ul li.liensrubrique a{color:#fff;}
.navfructisgauche ul li.titrerubrique a, .navfructisgauche ul li.liensrubrique a{
	display:block;
	zoom:1;
}
.navfructisgauche ul li.titrerubrique{
	text-transform:uppercase;	
	font-size:13px;
	font-weight:bold;
	_margin:-3px 0 0 0;
}
*+html .navfructisgauche ul li.titrerubrique{margin:-3px 0 0 0;}
.navfructisgauche ul li.titrerubrique a{padding:23px 0 26px 9px;}
.navfructisgauche ul li.titrerubrique a:hover{
	color:#a6d142;
	background:#063c06;
}
.navfructisgauche ul li.titrerubriqueon a{
	color:#a6d142;
	background:#063c06;
}
.navfructisgauche ul li.liensrubrique{
	font-size:11px;
	height:21px;
	_height:22px;
	_margin:-3px 0 0 0;	
}
*+html .navfructisgauche ul li.liensrubrique{margin:-3px 0 0 0;}
.navfructisgauche ul li.liensrubrique a{
	padding:4px 0 4px 17px;
	background:url(/img/fructis/fdliensnavfructis.gif) 0 0 no-repeat;
	_height:22px;
	_padding:4px 0 0 17px;
}
*+html .navfructisgauche ul li.liensrubrique a{padding:4px 0 5px 17px;}
.navfructisgauche ul li.liensrubrique a:hover{
	color:#a6d142;
	background:url(/img/fructis/fdliensnavfructison.gif) 0 0 no-repeat;
}
.navfructisgauche ul li.liensrubriqueon a{
	color:#a6d142;
	background:url(/img/fructis/fdliensnavfructison.gif) 0 0 no-repeat;
}
.navfructisgauche ul li.navfructisgaucheseparation{_margin:-14px 0 0 0;}
*+html .navfructisgauche ul li.navfructisgaucheseparation{margin:-14px 0 0 0;}

/*.navfructisdroite{width:776px;}*/
/***********************************************************************************
								FIN NAV DE GAUCHE
***********************************************************************************/



/***********************************************************************************
							DEBUT L'ATELIER FRUCTIS
***********************************************************************************/

/* DEBUT PAGE OLIVIER LEBRUN */
	.fdpageolivierlebrun{background-image:url(/img/fructis/olivier-lebrun/Fond-Olivier-Lebrun.jpg);}
	.olivierlebrun #titre {
		position:absolute;
		top:40px;
		left:30px;
	}
	.olivierlebrun #titre h1 {
		font-size:26px;
		color:#FFFFFF;
		font-weight:200;
	}
	.olivierlebrun #titre h2 {
		font-size:21px;
		color:#FFFFFF;
		font-weight:200;
	}
	.olivierlebrun #soustitre {
		position:absolute;
		top:110px;
		left:30px;
		font-size:16px;
		color:#7d9808;
		font-weight:800;
	}
	.olivierlebrun #texte {
		position:absolute;
		top:107px;
		left:30px;
		font-size:11px;
		width:340px;
	}
	.olivierlebrun #wnscroll{
		position:absolute;
		top:107px;
		left:380px;
		width:15px;
	}
	.olivierlebrun #texte p {
		padding-top:3px;
		padding-bottom:8px;
		color:#fff;
		font-size:11px;			
	}
	.olivierlebrun #texte p span{color:#7d9808;font-weight:bold;}
	.olivierlebrun #look {
		position:absolute;
		top:385px;
		left:32px;
		width:228px;
		height:76px;
		background-image:url(/img/fructis/olivier-lebrun/fdblock1olivierlebrun.jpg);
		cursor:pointer;
		
	}
	.olivierlebrun #look .gauche, .olivierlebrun #look .droite{float:left;padding:9px 0 0 0;}
	.olivierlebrun #look .gauche{width:59px;text-align:center;}
	.olivierlebrun #look .droite{width:169px;}
	.olivierlebrun #look h1 {
		font-size:12px;
		color:#aed649;
		font-weight:100;
	}
	.olivierlebrun #look h2 {
		font-size:10px;
		color:#FFFFFF;
		font-weight:100;
	}
	.olivierlebrun .lienlook {
		position:absolute;
		top:57px;
		right:1px;
	}
	.olivierlebrun .lienlookg, .olivierlebrun .lienlookd, .olivierlebrun .lienlooktxt{float:left;height:17px;}
	.olivierlebrun .lienlookg, .olivierlebrun .lienlookd{width:7px;}
	.olivierlebrun .lienlooktxt{background:#023a03;}
	.olivierlebrun #look a {
		font-size:9px;
		text-decoration:none;
		color:#a8d33b;
		font-weight:800;
		padding:2px 1px 0 5px;
		background:url(/img/fructis/olivier-lebrun/flechelienblock.gif) 0 6px no-repeat;
		display:block;
	}
	.olivierlebrun #backstage {
		position:absolute;
		top:385px;
		left:270px;
		width:228px;
		height:76px;
		cursor:pointer;	
		background-image:url(/img/fructis/olivier-lebrun/fdblock2olivierlebrun.jpg);	
	}
	.olivierlebrun #backstage .gauche, .olivierlebrun #backstage .droite{float:left;padding:9px 0 0 0;}
	.olivierlebrun #backstage .gauche{width:59px;text-align:center;}
	.olivierlebrun #backstage .droite{width:169px;}
	.olivierlebrun #backstage h1 {
		font-size:12px;
		color:#aed649;
		font-weight:100;
	}
	.olivierlebrun #backstage h2 {
		font-size:10px;
		color:#FFFFFF;
		font-weight:100;
	}
	.olivierlebrun .lienbackstage {
		position:absolute;
		top:57px;
		right:1px;
	}
	.olivierlebrun .lienbackstageg, .olivierlebrun .lienbackstaged, .olivierlebrun .lienbackstagetxt{float:left;height:17px;}
	.olivierlebrun .lienbackstageg, .olivierlebrun .lienbackstaged{width:7px;}
	.olivierlebrun .lienbackstagetxt{background:#023a03;}
	.olivierlebrun #backstage a {
		font-size:9px;
		text-decoration:none;
		color:#a8d33b;
		font-weight:800;
		padding:2px 1px 0 5px;
		background:url(/img/fructis/olivier-lebrun/flechelienblock.gif) 0 6px no-repeat;
		display:block;	
	}
	
	/* DEBUT OLIVIER LEBRUN SCROLL */
	.olivierlebrun #wn{ 
		position:relative;
		width:340px;
		height:260px; 
		overflow:hidden;
		z-index:1; 
	}
	
	.olivierlebrun .content{
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
		text-align:left;
		visibility: visible;
	}
	
	.olivierlebrun #scrollbar{ 
	  position:relative;
	  left:0;
	  top:0;
	  width:15px;
	  height:261px; 
	  font-size:1px;
	  z-index:1;
	}
	
	.olivierlebrun #track{ 
	  position:absolute;
	  left:0;
	  top:16px;
	  width:12px;
	  height:225px;
	  z-index:1;
	  background-color:#c4c4c4;
	}
	
	.olivierlebrun #dragBar{
	  position:absolute;
	  margin: 0 0 0 1px;
	  left:1px;
	  top:2px;
	  width:8px;
	  height:20px;
	  background:#7ea721;
	  z-index:1;
	} 
	
	.olivierlebrun #up{
		position:absolute;
		left:0;
		top:0;
		z-index:2
	}  
	
	.olivierlebrun #down{
		position:absolute;
		left:0;
		bottom:0;
		z-index:3;
		visibility: visible;
	}
	
	.olivierlebrun #dragBarH {
	  position:absolute;
	  left:0;
	  top:0;
	  width:8px;
	  height:3px;
	  background:#7ea721; 
	  z-index:6;
	} 
	.olivierlebrun #dragBarB {
	  position:absolute;
	  left:0; 
	  bottom: 0;
	  _bottom:-1px;
	  width:8px;
	  height:3px;
	  background:#7ea721; 
	  z-index:6;
	}
	.olivierlebrun #trackH {
		position:absolute;
		left:0; top:10px;
		z-index:8
	}  
	.olivierlebrun #trackB {
		position:absolute;
		left:0;
		bottom:14px;
		_bottom:13px;
		z-index:8;
	}
	/* FIN OLIVIER LEBRUN SCROLL */
/* FIN PAGE OLIVIER LEBRUN */	

/* DEBUT PAGE PSYCHO TESTS */
	.fdpagepsychotests{background-image:url(/img/fructis/psycho-tests/fond-tests-et-simulateurs.jpg);}
	.psychotests #titre {
		position:absolute;
		top:45px;
		left:23px;
	}
	.psychotests #titre h1 {
		font-size:26px;
		color:#FFFFFF;
		font-weight:200;
	}
	.psychotests #titre h2 {
		font-size:18px;
		color:#FFFFFF;
		font-weight:100;
	}
	.psychotests #changez {
		position:absolute;
		top:110px;
		left:25px;
		width:373px;
		height:157px;
		background-image:url(/img/fructis/psycho-tests/fdblock1psycho.jpg);	
		cursor:pointer;			
	}
	.psychotests #changez .changezg, .psychotests #changez .changezd{float:left;}
	.psychotests #changez .changezg{width:180px;}
	.psychotests #changez .changezd{width:190px;padding:16px 3px 0 0;position:relative;}	
	.psychotests #changez h1 {
		font-size:16px;
		color:#aed649;
		font-weight:800;
	}
	.psychotests #changez p {
		padding-top:5px;
		padding-bottom:5px;
		font-size:11px;
		color:#FFFFFF;
	}
	.psychotests .lienchangez {
		position:absolute;
		top:132px;
		left:0;
	}
	.psychotests .lienchangezg, .psychotests .lienchangezd, .psychotests .lienchangeztxt{float:left;height:17px;}
	.psychotests .lienchangezg, .psychotests .lienchangezd{width:7px;}
	.psychotests .lienchangeztxt{background:#023a03;}	
	.psychotests #changez a {
		font-size:9px;
		text-decoration:none;
		color:#a8d33b;
		font-weight:800;
		padding:2px 1px 0 5px;
		background:url(/img/fructis/olivier-lebrun/flechelienblock.gif) 0 6px no-repeat;
		display:block;
	}	
	
	.psychotests #reveillez {
		position:absolute;
		top:273px;
		left:25px;
		width:373px;
		height:118px;
		background-image:url(/img/fructis/psycho-tests/fdblock2psycho.jpg);	
		cursor:pointer;			
	}
	.psychotests #reveillez .reveillezg, .psychotests #reveillez .reveillezd{float:left;}
	.psychotests #reveillez .reveillezg{width:180px;}
	.psychotests #reveillez .reveillezd{width:190px;padding:11px 3px 0 0;position:relative;}	
	.psychotests #reveillez h1 {
		font-size:13px;
		color:#aed649;
		font-weight:800;
	}
	.psychotests #reveillez p {
		padding-top:8px;
		padding-bottom:5px;
		font-size:11px;
		color:#FFFFFF;
	}
	.psychotests .lienreveillez {
		position:absolute;
		top:92px;
		left:0;
	}
	.psychotests .lienreveillezg, .psychotests .lienreveillezd, .psychotests .lienreveilleztxt{float:left;height:17px;}
	.psychotests .lienreveillezg, .psychotests .lienreveillezd{width:7px;}
	.psychotests .lienreveilleztxt{background:#023a03;}	
	.psychotests #reveillez a {
		font-size:9px;
		text-decoration:none;
		color:#a8d33b;
		font-weight:800;
		padding:2px 1px 0 5px;
		background:url(/img/fructis/olivier-lebrun/flechelienblock.gif) 0 6px no-repeat;
		display:block;
	}	
	
	.psychotests #special {
		position:absolute;
		top:210px;
		left:426px;
		width:263px;
		cursor:pointer;
	}
	.psychotests #special h1 {
		font-size:14px;
		color:#738700;
		font-weight:800;
	}
	.psychotests #special h2 {
		font-size:16px;
		color:#738700;
		font-weight:400;
		padding-bottom:5px;
	}
	.psychotests #special p {
		padding-top:10px;
		padding-bottom:5px;
		font-size:10px;
		color:#000000;
	}
	.psychotests .lienspecial {
		position:absolute;
		top:135px;
		left:1px;
	}
	.psychotests .lienspecialg, .psychotests .lienspeciald, .psychotests .lienspecialtxt{float:left;height:17px;}
	.psychotests .lienspecialg, .psychotests .lienspeciald{width:6px;}
	.psychotests .lienspecialtxt{background:#023a03;}	
	.psychotests #special a {
		font-size:10px;
		text-decoration:none;
		color:#a8d33b;
		font-weight:800;
		padding:2px 1px 0 5px;
		background:url(/img/fructis/olivier-lebrun/flechelienblock.gif) 0 6px no-repeat;
		display:block;		
	}	
/* FIN PAGE PSYCHO TESTS */

/***********************************************************************************
							FIN L'ATELIER FRUCTIS
***********************************************************************************/