/* CSS Document Vaperma inc. */

/*****************************/
/*			FONTS			 */
/*****************************/

h1{
	margin:0;
	padding:0;
	font:15px normal Arial, Helvetica, sans-serif;
	color:#6e6e6e;
}

h2{
	font:16px normal Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	margin:14px 0 0 0;
	padding:0;
	/*background:#CCFFFF;*/
}
h3{
	font:16px normal Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	line-height:20px;
	
}
h4{	margin:0;
	padding:0;
	font:15px normal Arial, Helvetica, sans-serif;
	color:#6e6e6e;
}

h5{	margin:0;
	padding:0;
	font:13px normal Arial, Helvetica, sans-serif;
	color:#6e6e6e;
}

.titresRubriques{
	font:16px normal Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin: 10px 0 15px 0;
	color:#6e6e6e;
}
.imagesRubriques{
	padding:0 0 0 0;
}
.error{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-align:left;
}
a:link{color:#3ec1ed}
a:hover{/*color:#ffcb08!important;*/ text-decoration:underline;}

p{
	font: 12px normal Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	line-height:16px;
}
p a{color:#3ec1ed!important;}
p a:hover{/*color:#ffcb08!important;*/ text-decoration:underline;}

/************* Ancien code css pour les bloc blancs et gris *******************************/
/*
p.bloc_blanc{padding:15px 25px 15px 25px; background:url(/_img/puce_vap.gif) no-repeat top left;}
p.bloc_gris{padding:15px 25px 15px 25px;background:#f2f8fa url(/_img/puce_vap.gif) no-repeat top left;}

p.bloc_blanc strong, p.bloc_gris strong, p.bloc_blanc b, p.bloc_gris b{ font-size:13px; font-weight:normal; color:#808084;}

.bloc_blanc{padding:15px 25px 15px 25px; background:url(/_img/puce_vap.gif) no-repeat top left; line-height:18px;}
.bloc_gris{padding:15px 25px 15px 25px;background:#f2f8fa url(/_img/puce_vap.gif) no-repeat top left; line-height:18px;}

.bloc_blanc strong, .bloc_gris strong, .bloc_blanc b, .bloc_gris b{ font-size:13px; font-weight:normal; color:#808084;}
*/
.bloc_blanc{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 25px 15px 25px;
	background:#FFFFFF url(/_img/puce_vap.gif) no-repeat top left; 
	line-height:18px;font-style:normal;
	font-size:12px;
}


.bloc_gris{
	padding:15px 25px 15px 25px;
	background:#f2f8fa url(/_img/puce_vap.gif) no-repeat top left; 
	line-height:18px;
	font-style:normal;
	font-size:12px;
}


.bloc_blanc b, .bloc_blanc strong, .bloc_gris b, .bloc_gris strong{ font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style:normal; font-weight:normal; color:#808084;}





/********************************************************/
p.quote{width:558px;font-size:12px;}

a{
color:#3ec1ed;
text-decoration:none;
}
.subscribe_Newsletter{
	color:#ffcb08;
	font-size:13.96px;
	padding: 10px 0 0 0;
	width: 140px;
	height: 60px;
	background:url(../../_img/img_subscribe.gif) no-repeat top right;
}
.subscribe_Newsletter em{
	color:#808084;
	font-size:15,06px;
}
.titrePage{
	text-align:right;
	color:#000000;
	font: 36px normal Arial, Helvetica, sans-serif;
	margin: 28px 170px 0 0;
}
	.titrePage p{
		margin:0;
	}
.titreJaune{
	font: 36px bold Arial, Helvetica, sans-serif;
	color:#ffcb08;
}
/*****************************/
/*	 NAVIGATION & ENTETE	 */
/*****************************/
#bloc_login{
	width:890px;
	text-align:right;
	vertical-align:middle;
	text-transform: uppercase;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#b5b5b3;
}
	#bloc_login strong{
		text-transform: uppercase;
		font:bold 10px Arial, Helvetica, sans-serif;
		color:#a4a4a4;
	}
	#bloc_login p{
		padding:0;
		vertical-align:middle;
		margin:0 0 5px 0;
	}
	
#ACC #bloc_entete{
	width:890px;
	margin:34px 0 0 0;
	
	}
	
	#bloc_entete{
		width:890px;
		margin:34px 0 0 0;
	}
	
		/*#ACC #send_this_page{display:none;}*/
	
	#send_this_page{
	position:absolute;
	text-align:right; 
	top:200px;
	width:200px;
	margin:0 0 0 700px;
	font-size:10px;
	z-index:10;
	}
		#send_this_page a{color:#3ec1ed!important;}
		#send_this_page a:hover{text-decoration:underline;}

/******************************/
/*          MENUS             */
/******************************/

#menu_langues{
	font:normal 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#a4a4a4;
	list-style:none;
	margin:0;
	padding:0;
}
	#menu_langues a{
		color:#a4a4a4!important;
		text-decoration:none;
	}
	#menu_langues a:hover{
		color:#808080!important;
		text-decoration:none;
	}
	
#espace_menu{
height:120px;
border:1px solid #fff;}	
	
#menu_bas, #menu_haut{
font-size:12px;
width:150px;
_width:160px;
padding:0 0 0 8px;
/*line-height:25px;*/
}
	#menu_haut a{
	display:block;
	color:#3ec1ed;
	text-decoration:none;
	white-space:nowrap;
	padding:0 0 10px 0;
	}
	
	#menu_bas{padding:20px 0 0 15px;}
	#menu_bas a{
	display:block;
	color:#3ec1ed;
	text-decoration:none;
	white-space:nowrap;
	padding:0 0 5px 0;
	} 
	
	#menu_bas a:hover, #menu_haut a:hover{
	text-decoration:underline;
	}
		.about_vaperma #menu_haut{display:none;}
	
.jobOff 
{
	/*margin: 0px 0px 0px -7px;*/
	margin-top:0;
	margin-bottom:0;
}
#ACC #smenu{display:none;}
#smenu{

font-size:12px;
font-weight:bold;
background:url(../../_img/fd_smenu_in.gif) repeat-x;
width:900px;
height:27px;
line-height:25px;
}
#smenu a{color:rgb(138,138,138); padding:0 8px 0 8px;}
#smenu a:hover{color:#808080}

	#s_smenu{
	border-top:1px solid #e6e6e6;
	font-size:11px;
	font-weight:bold;
	/*background:url(../../_img/fd_smenu_in.gif) repeat-x;*/
	width:900px;
	height:27px;
	line-height:25px;
	}
	#s_smenu a{color:rgb(138,138,138); padding:0 8px 0 8px;}
	#s_smenu a:hover{color:#808080}

.on {color:#808080!important; text-decoration:none!important;}


a.etha { font-size:11px; padding:0 0 0 0px; margin:0 0 0 0px; /*background:url(../../_img/bullet_etha.gif) no-repeat; background-position:center left;*/ }
ul.etha_ul{color:#3ec1ed; font-size:11px;
			margin:0 0 0 0; 
			*margin:0 0 0 35px;
			*line-height:12px;
			_line-height:7px;
			
			}
			
		#menu_e{width:180px;
			height:80px;
			/*position:absolute;*/}
			#menu_e a.grains{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/en_img_grains.gif) no-repeat;
			}
			
			#menu_e a.grains:hover{
			background:url(../../_img/en_img_grains_roll.gif) no-repeat;
			}
				#menu_e a.grains_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/en_img_grains_roll.gif) no-repeat;
				}
				
			#menu_e a.sugar{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/en_img_sugar.gif) no-repeat;
			}
				#menu_e a.sugar:hover{
				background:url(../../_img/en_img_sugar_roll.gif) no-repeat;
				}
				a.sugar_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/en_img_sugar_roll.gif) no-repeat;
				}
				
			#menu_e a.cellulosic{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/en_img_cellulosic.gif) no-repeat;
			}
				#menu_e a.cellulosic:hover{
				background:url(../../_img/en_img_cellulosic_roll.gif) no-repeat;
				}
				#menu_e a.cellulosic_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/en_img_cellulosic_roll.gif) no-repeat;
				}
/* */
			#menu_e_f{width:180px;
			height:80px;
			/*position:absolute;*/}
			
			#menu_e_f a.grains{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/fr_img_grains.gif) no-repeat;
			}
			
			#menu_e_f a.grains:hover{
			background:url(../../_img/fr_img_grains_roll.gif) no-repeat;
			}
				#menu_e_f a.grains_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/fr_img_grains_roll.gif) no-repeat;
				}
				
			#menu_e_f a.sugar{
			float:left;
			width:60px;
			height:71px;/*71*/
			background:url(../../_img/fr_img_sugar.gif) no-repeat;
			}
				#menu_e_f a.sugar:hover{
				background:url(../../_img/fr_img_sugar_roll.gif) no-repeat;
				}
				#menu_e_f a.sugar_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/fr_img_sugar_roll.gif) no-repeat;
				}
				
			#menu_e_f a.cellulosic{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/fr_img_cellulosic.gif) no-repeat;
			}
				#menu_e_f a.cellulosic:hover{
				background:url(../../_img/fr_img_cellulosic_roll.gif) no-repeat;
				}
				#menu_e_f a.cellulosic_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/fr_img_cellulosic_roll.gif) no-repeat;
				}
/* Css pour applications > ethanol */
#menu_e_f{width:180px;
			height:80px;
			/*position:absolute;*/}
			
			#menu_e_f2 a.grains{
			float:left;
			width:60px;
			height:80px;
			background:url(../../_img/fr_img_grains.gif) no-repeat;
			}
			
			#menu_e_f2 a.grains:hover{
			background:url(../../_img/fr_img_grains_roll.gif) no-repeat;
			}
				#menu_e_f2 a.grains_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/fr_img_grains_roll.gif) no-repeat;
				}
				
			#menu_e_f2 a.sugar{
			float:left;
			width:60px;
			height:80px;/*71*/
			background:url(../../_img/fr_img_sugar.gif) no-repeat;
			}
				#menu_e_f2 a.sugar:hover{
				background:url(../../_img/fr_img_sugar_roll.gif) no-repeat;
				}
				#menu_e_f2 a.sugar_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/fr_img_sugar_roll.gif) no-repeat;
				}
				
			#menu_e_f2 a.cellulosic{
			float:left;
			width:60px;
			height:80px;
			background:url(../../_img/fr_img_cellulosic.gif) no-repeat;
			}
				#menu_e_f2 a.cellulosic:hover{
				background:url(../../_img/fr_img_cellulosic_roll.gif) no-repeat;
				}
				#menu_e_f2 a.cellulosic_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/fr_img_cellulosic_roll.gif) no-repeat;
				}
#menu_e_p2{width:180px;
			height:80px;
			/*position:absolute;*/}
			#menu_e_p2 a.grains{
			float:left;
			width:60px;
			height:80px;
			background:url(../../_img/pt_img_grains.gif) no-repeat;
			}
			
			#menu_e_p2 a.grains:hover{
			background:url(../../_img/pt_img_grains_roll.gif) no-repeat;
			}
				#menu_e_p2 a.grains_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/pt_img_grains_roll.gif) no-repeat;
				}
				
			#menu_e_p2 a.sugar{
			float:left;
			width:60px;
			height:80px;
			background:url(../../_img/pt_img_sugar.gif) no-repeat;
			}
				#menu_e_p2 a.sugar:hover{
				background:url(../../_img/pt_img_sugar_roll.gif) no-repeat;
				}
				#menu_e_p2 a.sugar_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/pt_img_sugar_roll.gif) no-repeat;
				}
				
			#menu_e_p2 a.cellulosic{
			float:left;
			width:60px;
			height:80px;
			background:url(../../_img/pt_img_cellulosic.gif) no-repeat;
			}
				#menu_e_p2 a.cellulosic:hover{
				background:url(../../_img/pt_img_cellulosic_roll.gif) no-repeat;
				}
				#menu_e_p2 a.cellulosic_on{
				float:left;
				width:60px;
				height:80px;
				background:url(../../_img/pt_img_cellulosic_roll.gif) no-repeat;
				}
/* fin css pour appplication > ethanol*/
			#menu_e_p{width:180px;
			height:80px;
			/*position:absolute;*/}
			#menu_e_p a.grains{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/pt_img_grains.gif) no-repeat;
			}
			
			#menu_e_p a.grains:hover{
			background:url(../../_img/pt_img_grains_roll.gif) no-repeat;
			}
				#menu_e_p a.grains_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/pt_img_grains_roll.gif) no-repeat;
				}
				
			#menu_e_p a.sugar{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/pt_img_sugar.gif) no-repeat;
			}
				#menu_e_p a.sugar:hover{
				background:url(../../_img/pt_img_sugar_roll.gif) no-repeat;
				}
				#menu_e_p a.sugar_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/pt_img_sugar_roll.gif) no-repeat;
				}
				
			#menu_e_p a.cellulosic{
			float:left;
			width:60px;
			height:71px;
			background:url(../../_img/pt_img_cellulosic.gif) no-repeat;
			}
				#menu_e_p a.cellulosic:hover{
				background:url(../../_img/pt_img_cellulosic_roll.gif) no-repeat;
				}
				#menu_e_p a.cellulosic_on{
				float:left;
				width:60px;
				height:71px;
				background:url(../../_img/pt_img_cellulosic_roll.gif) no-repeat;
				}
/**/


/****************************/
/*			CONTENU			*/
/****************************/

body{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../../_img/fd_pied_de_page.gif) no-repeat center bottom ;
	font: 11px normal Arial, Helvetica, sans-serif;
	color:rgb(138,138,138);
}
 html {
	min-height: 100%;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
}

#main{
	margin:0px auto 0px auto;
	padding:10px 0 0 0;
	width:890px;
}
#bloc_contenu{
	width:890px;
	
	
}
.image_float_left{
	float:left;
	padding:0 18px 0 0;
}
#animIndex{
	background:url(../../_img/img_accueil.jpg);
	/*border:1px solid #000;*/
	width:568px;
	height:167px;
	text-align:right;
	margin: 0 20px 0 0;
	float:left;
}

.contenu_about{padding:45px 0 0 0; width:310px; float:right;}
.contenu{padding:78px 0 0 0;_padding:90px 0 0 0; width:310px; float:right;}
.contenu_in{width:660px;_width:650px; float:right; margin-right:20px;_margin-left:10px;font-size:12px; }

.contenu_1{
	margin: 0 0 35px 0;
}
	.contenu_1_txt{

		padding:5px 0 0 0px;
	}
	
#doMoreWithLess{
	width:345px;/*355*/
	float:left;
}
		#doMoreWithLess ul{
			margin:0;
			padding:0;
		}
		#doMoreWithLess li{
			display:inline;
			padding: 0 14px 0 2px;
		}
		#doMoreWithLess p{
			display:inline;
			font-size:12px;
			margin:0 0 0 0;
			padding: 0 30px 0 28px;
		}
		doMoreWithLess h3{
			padding:0 0 0 5px;
		}
#news_events{
	width: 165px;
	float:left;
	text-align:center;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#fbfbfb;
	background-image: url(../../_img/fd_bloc_news.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}
		#news_events p {
			text-align:left;
			padding: 0 5px 0 15px;
			margin: 10px 0 0 0;
		}
		#news_events h4{
			padding-bottom:15px;
		}

.rubriques{
	float:left;
	/*margin:0 0 0 28px;*/
	margin:0 10px 0 5px;
	padding-top:10px;
	text-align:center;
	background:url(../../_img/img_rubriques_separateur.gif) no-repeat top left;
	width:155px;/*155*/
}
		.rubriques p{
				text-align:left;
			}
		
#careers{
	margin: 0 0 0 32px;
	width:140px;
}		


ul, li
{
	font: 12px normal Arial, Helvetica, sans-serif;
	color:rgb(138,138,138);
	line-height:18px;

}



/****************** footer *****************/
#PiedDePage{
	text-align:center;	
	padding:71px 0 46px 0;
	width:890px;
	font:normal 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
		#PiedDePage a{
			color:#a4a4a4;
			text-decoration:none;
		}
		
		#PiedDePage a:hover{
			color:#808080;
			text-decoration:none;
		}
		
.clearer{
	clear:both;
}

/*****************************************/
/*				FORMULAIRES				 */
/*****************************************/

.champs_login{
	background:url(../../_img/img_fond_champ_login.gif) no-repeat;
	border:none;
	width:135px;
	height:16px;
	padding: 0 0px 0 5px;
	font-size:9px;
}

.bouton_login{
	float:right;
	background:url(../../_img/bt_login_fleche.gif) no-repeat;
	background-position:center right;
	border:none;
	width:200px;
	height:19px;
	line-height:20px;
	padding-right:25px;
	margin:18px 0 0 5px;
}

a.bouton_login{
font:bold 10px Arial, Helvetica, sans-serif;
		color:#a4a4a4;line-height:20px;}

.bouton_envoyer{
	background:url(../../_img/bt_login_fleche.gif) no-repeat;
	border:none;
	width:19px;
	height:19px;
	margin:0px 0 0 5px;
}

.bouton_envEm 
{
	width:100%;
	text-align:right;
}
	.bouton_envEm input
	{	background:url(../../_img/bt_login_fleche.gif) no-repeat;
		border:none;
		width:19px;
		height:19px;
		margin:0px 0 0 5px;
	}
	
.imgNouvelle{
	float:left;
	padding:10px 10px 0 0;
}


.siftek{
float:right;
}

.blc_gris{
background: rgb(242, 248, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding:7px 0 7px 2px; :15px; width:678px;}

#layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer8, #layer9, #layer10 {position:absolute; z-index:8000; padding:20px; width:660px; background:#fff url(/_img/ix.gif) no-repeat; background-position:top right; /*border:2px solid #eee;*/border:2px solid #808080; top:110px; left:150px; }

#ACC #layer1, #ACC #layer2, #ACC #layer3, #ACC #layer4, #ACC #layer5, #ACC #layer6, #ACC #layer7, #ACC #layer8, #ACC #layer9, #ACC #layer10 {position:absolute; z-index:8000; padding:20px; width:660px; background:#fff url(/_img/ix.gif) no-repeat; background-position:top right; border:2px solid #eee; top:325px; left:150px; }

#bloc_investors{
width:810px;
margin:0 auto 0 auto;
}
#bloc_investors a img{
border:none;
}
#formContact{
	background-color:#f2f8fa;
	padding:10px;
}
	#formContact input{
		margin-top:5px;
	}
#formDoc
{

    background-color:#f2f8fa;
	padding:10px;
	border:solid 1px black;
	color:rgb(138,138,138);
	
	

}
.champFormDoc label
{
		float: left;				/* On met float sur les labels pour pouvoir les manipuler */
		width:100px;				/* On met comment longueur du label 300 pour pouvoir les
										 aligner après*/ 
		text-align: right;			/*On les aligne à droite*/
		font-size:12px;
		margin-top:5px;
		color:rgb(138,138,138);
		font-family:Arial, Helvetica, sans-serif;
}
.champFormDoc input
{
		margin-left: 5px;			/*On laisse un petit espace entre l'input et le label*/
		margin-top:5px;
		width:150px;
}
#blocSendPage{
	background-color:#FFFFFF;
	border: thin solid #CCCCCC;
	text-align:left;
	padding:10px;
}
li
{
	padding-bottom:5px;
	padding-top:5px;


}
.spacer{
	height:35px;
}
sup.mc{font-size:60%;}

.JavaEnabled
{
	font-size:10px;
	text-align:right;
	color:red;


}



/* * */
a.bt_ethanol{
font-size:13px;
text-align:center;
display:block;
background: url(/_img/bt_ethanol.gif) no-repeat;
width:95px;
height:112px;
float:left;
margin:3px;
padding-top:100px;
}
a.bt_ethanol:hover{
background: url(/_img/bt_ethanol_roll.gif) no-repeat;
width:95px;
heihgt:12px;
}

a.bt_chemical{
font-size:13px;
text-align:center;
display:block;
background: url(/_img/bt_chemicals.gif) no-repeat;
width:95px;
height:112px;
float:left;
margin:3px;
padding-top:100px;
}
a.bt_chemical:hover{
background: url(/_img/bt_chemicals_roll.gif) no-repeat;
width:95px;
heihgt:12px;
}

a.bt_gas{
font-size:13px;
text-align:center;
display:block;
background: url(/_img/bt_naturalgas.gif) no-repeat;
width:95px;
height:12px;
float:left;
margin:3px;
padding-top:100px;
}
a.bt_gas:hover{
background: url(/_img/bt_naturalgas_roll.gif) no-repeat;
width:95px;
heihgt:112px;
}

/* * */

#management .contenu_in img{padding: 0 20px 15px 0; width: 200px; height: 200px;}


/*******************************************/
/*     Icone Realisation Prospection       */
/*******************************************/

#real{ 
	behavior: url("/_includes/style/csshover.htc"); 
	width:25px;
	height:0px; 
	/*margin:3px; */
	float:right;
	position:relative;
	top:-23px;
	}
	
	div#real:hover div{
		display:block; 
		}		

.realisations{
	cursor:pointer;
	display:none;
	position:absolute;
	margin-top:-25px;
	margin-left:-158px;
	background: url(/_img/bloc_prospection.gif) no-repeat;
	width:163px;
	height:43px;
	}
	
.logo_prospection{
	border:medium none;
	display:block;
	margin:30px 0 0;
	position:absolute;
	}