/********************************************************************* PAGE sustainability TRAINING *************/



/******* Box qui change dans page : image + color title    */



.boxicon-sustainability{

	color:#86BDE3;

	font-size:16px;

	width:192px;

	height:155px;

	background:url(../images/boxicons/boxsustainability.jpg) left no-repeat;

}



/********** image de fond de droite ///*/

.informations-sustainability{

	width:219px;

	height:155px;

	background:url(../images/informations-sustainability.jpg) left no-repeat;

	font-size:12px;

	text-align:left;

	float:left;

}



/********** fond du menu couleur  ///*/

.menus-page-sustainability{

	background:url(../images/topmenu-sustainability.gif) #fff left top no-repeat;

	width:172px;

	float:left;

	height:281px;

	padding-left:20px;

	padding-top:50px;	

	font-size:12px;

}

/* menu actif actif couleur */



/* menu actif avec ss menu*/

.menu-actif-sustainability a{

	background:url(../images/icons-menus-actif.gif) top left no-repeat;

	text-decoration:none;

	height:81px;

	padding-left:18px;

	color:#86BDE3;	

}

.menu-actif-sustainability{

	padding-bottom:5px;	

}

/* menu actif sans ss menu*/

.menu-actif2-sustainability {

	/*padding-bottom:10px;*/	

	background:url(../images/lign-menus.gif) left bottom no-repeat;

	height:25px;

	margin-bottom:5px;

}

.menu-actif2-sustainability a{

	background:url(../images/icons-menus-actif.gif) top left no-repeat;

	text-decoration:none;

	height:81px;

	padding-left:18px;

	color:#86BDE3;

}





/***** SS MENU RIGHT - LIST DATE + TITLE **/



/* ss menu inactif *** couleur differente suivant rubriques/*/

.news-ssmenu_inactif{

	color:#86BDE3;

	font-size:11px;

	text-decoration:none;

	padding-bottom:6px;

}

.news-ssmenu_inactif a{

	color:#86BDE3;

	font-size:11px;

	text-decoration:none;

}



/* titre page*/

.blue_sustainability{

	color:#86BDE3;

	font-size:14px;

}





/* animation flash - calque par dessus le site */

#animation_layer{

	top:67px;

	left:78px;

	position:absolute;

	color:#666666;

	margin-top:30px;

	width:775px;

	height:570px;

	z-index:2;

	padding:13px;

	font-size:12px;

	color:#3F3F3F;	

	text-align:left;

	/*filter:alpha(opacity=80);

  	-moz-opacity:0.5;

   	opacity: 0.5;	*/

	background-color:#fff;

	border: 1px solid #666;

	visibility:hidden;

}

#animation_layer a{

	text-decoration:none;

}

#animation_layer2{

	top:67px;

	left:78px;

	position:absolute;

	color:#666666;

	margin-top:30px;

	width:775px;

	height:450px;

	z-index:2;

	padding:13px;

	font-size:12px;

	color:#3F3F3F;	

	text-align:left;

	/*filter:alpha(opacity=80);

  	-moz-opacity:0.5;

   	opacity: 0.5;	*/

	background-color:#fff;

	border: 1px solid #666;

	visibility:hidden;

}

#animation_layer2 a{

	text-decoration:none;

}


.cross_close_anim{

	float:left;

	width:775px;

	text-align:right;

	padding-bottom:15px;

	cursor:hand;

}

.cross_close_anim img{

	border:0px;

}

#planeflash{

	visibility:hidden;

}



/* tabs animation */

/***** TABS */

.tabs-animation{

	width:643px;

	height:25px;

	border-left:#CCCCCC dotted 1px;

	background-color:#f6f6f6;

	margin-left:60px;

	_margin-left:1px;

	padding:0px;	

	float:left;

	vertical-align:bottom;

	z-index:1;



}

.subanimation li{

	list-style:none;

	display:inline;

	width:320px;

	height:20px;

	border-right:#CCCCCC dotted 1px;	

	border-top:#CCCCCC dotted 1px;

	border-bottom:#CCCCCC dotted 1px;

	float:left;

	padding-top:5px;

}

.subanimation ul{

	height:25px;

}

.subanimation-actif a{

	color:#86BDE3;

	font-size:11px;

	text-decoration:none;

	margin-left:0px;

	padding-left:15px;

}

.subanimation-inactif a{

	color:#666;

	font-size:11px;

	text-decoration:none;

	padding-left:15px;

}

.subanimation-actif a:hover{

	color:#3F3F3F;

	font-size:11px;

	text-decoration:none;

}

.subanimation-inactif a:hover{

	color:#8C8C8C;

	font-size:11px;

	text-decoration:none;

}

.contain_animations{

	float:left;

	width:777px;

	margin-top:10px;

}



/* ANIMATION 747 */

#layer747_comparaison{

	position:absolute;

	top:100px;

	left:40px;

}

/* texte bleu */

.blue_sustainability_petit{

	color:#86BDE3;

	font-size:11px;

}

.blue_sutainability{

	color:#86BDE3;

	font-size:15px;

}

.blue_sutainability2{

	color:#86BDE3;

	font-size:15px;
	
	padding-left:20px;

}

.blue_sutainability2 a{

	color:#86BDE3;

	font-size:15px;	
	
	text-decoration:none;

}

/* indice co2*/

.indice{ 

	font-size: .68em ;

	vertical-align: sub ;

}

.exposant{ 

	font-size: .68em ;

	vertical-align: super ;

}



/* sous menus */

.sustainability_ssmenu_inactif a{

	color:#999999;

	padding-left:10px;

}

.sustainability_ssmenu_actif a{

	color:#333;

	padding-left:10px;

}

.sustainability_ssmenu_inactif a:hover{

	color:#999999;

	padding-left:10px;

}

.sustainability_ssmenu_actif a:hover{

	color:#999;

	padding-left:10px;

}

.sustainability_ssmenu_inactif{

	color:#999999;

	padding-left:10px;

}

.sustainability_ssmenu_actif{

	color:#333;

	padding-left:10px;

}

/* partie environement*/

.left_sustainability{

	float:left;

	width:150px;

}

.left_sustainability img{

	border:#CCCCCC 3px solid;

}

.right_sustainability{

	float:right;

	width:300px;

}



/* mise page photo et texte a cote */

.title_sustainabiliy{

	width:440px;

	color:#5fa0cc;

	background-color:#e7e7e7;

	font-size:13px;

	float:left;

	margin-top:30px;

	padding:3px 5px 3px 5px;

}

.sustainability_all{

	margin-top:15px;

	width:460px;

	float:left;

}

.sstitre_sustainability{

	color:#999;

	font-size:12px;

	width:310px;	

	float:left;

	margin-left:15px;

	background-color:#F5F5F5;

	padding-left:10px;

}

.image_sustainability{

	float:left;

	width:120px;

}

.image_sustainability img{

	border:1px solid #999999;

}

.description_partner{

	background-color:#CC3366;

}

.TextSustainability{

	font-size:12px;

	padding-top:12px;

}

.TextSustainability li{

	list-style:url(../images/Sustainability/SociallyResponsible/list.jpg);

	margin-left:20px;

}

.TextSustainability p{

	color:#86BDE3;

	font-size:13px;

}

/* partner*/



.blue_sustainability_moyen{

	color:#86BDE3;

	font-size:13px;

	padding-top:13px;

}

.blue_sustainability_moyen_fonce{

	color:#5fa0cc;

	font-size:13px;

}

.link_sustainability a{

	color:#666;

	font-size:12px;

	text-decoration:none;

}

.link_sustainability a:hover{

	color:#86BDE3;

	font-size:12px;

	text-decoration:none;

}

.blue_sustainability{

	color:#5fa0cc;

	font-size:18px;

	padding-bottom:20px;

	width:450px;

	font-variant:normal;

}

/* news ; date */

.date-infos-news_sustainability{

	color:#5fa0cc;

	font-size:11px;

	padding-bottom:17px;

}

/* emissions caluculator*/

 dl.caseS {

	width: 450px;

	background: url(../images/case-bottom.jpg) bottom left no-repeat;

	padding: 0 0 4px;

	margin: 5px 0 0px;

	color:#3F3F3F;

}

.caseS span{

	font-size:8px;}

.caseS dt{

	width: 450px;

	height: 0px;

	padding: 4px 0 0 0;

	background: url(../images/case-top.jpg) top left no-repeat;

	font-weight: bold;

	font-size:0px

}

.caseS dd{

	background: url(../images/case-middle.jpg) repeat-y;

	font-size: 10px;

	padding: 0px 4px;

}

/* formulaire */

/*aply*/

.infos_formapply_sustainability{

	padding:7px;

	color:#3F3F3F;

	font-size:10px;

	/*height:200px;*/

}

.infos_formapply_sustainability li{

	background: url(../images/WorkatCargolux/apply.jpg) no-repeat;

	color:#666666;

	font-size:11px;

	padding-bottom:10px;

	line-height:17px;

}



.infos_formapply_sustainability span{

	color:#5fa0cc;

	font-size:15px;

	padding-left:5px;

	padding-right:7px;

}

/* results emissions*/

.texte_petit_sustainability{

	padding-top:5px;

	float:left;

	width:450px;

	font-size:11px;

	padding-bottom:15px;

}

.methodology{

	font-size:10px;

}

/* page schedule results */

.results_emissionsC{

	width:450px;

	float:left;

	padding-bottom:25px;

}

.emissionsC_results{

	border-top:#999999 1px dotted;

	width:450px;

	float:left;

	margin-top:20px;

	padding-top:15px;

	padding-bottom:10px;

}

.title_results_emissionsC{

	background-color:#ADD2D8;

	width:440px;

	color:#047292;

	font-variant:small-caps;

	padding:5px 5px 5px 10px;

	float:left;

	margin-top:15px;

}

.date_emissionsC{

	color:#fff;

	font-variant:normal;

	padding-left:5px;

}

.firstlign_emissionsC{

	width:700px;

	float:left;

}



/*  tableau results */

.table_results_emissionsC{

	float:left;

	width:750px;

	font-size:11px;

	margin-top:5px;

}

.legendtable_emissionsC{

	background-color:#E2E2E2;

	border-right:1px dotted #2E9BCC;

	color:#2E9BCC;

	font-size:10px;

	padding:5px 5px 5px 10px; 

}

.legendtable_emissionsC2{

	background-color:#E2E2E2;

	color:#2E9BCC;

	font-size:10px;

	padding:5px 5px 5px 10px; 

}

.legendtable_emissionsCForm{

	background-color:#E2E2E2;

	border-right:1px dotted #2E9BCC;

	color:#2E9BCC;

	font-size:12px;

	padding:5px 5px 5px 10px; 

}

.legendtable_emissionsCForm2{

	background-color:#E2E2E2;

	color:#2E9BCC;

	font-size:12px;

	padding:5px 5px 5px 10px; 

}

.result1_emissionsC{

	color:#666;

	padding:5px 5px 5px 10px; 

	height:15px;

}

.result2_emissionsC{

	color:#A0ACAF;

	padding:5px 5px 5px 10px; 

}

.blue_sutainabilityResults{

	color:#86BDE3;

	font-size:15px;

	float :left;

	width:330px;

	padding-top:15px;

}

.icons_emissions{

	float:right;

	width:120px;

}





/* form emissions*/

.submitEmissiosnC{

	color:#5fa0cc;

	background-color:#EAEAEA;

	border:#83BAC7 1px solid;

	font-size:13px;

	width:22px;

	height:20px;

	margin-left:7px;

}

/* publication */

/* mise page photo et texte a cote */

.publicationSustainability{

	float:left;

	width:450px;

	padding-top:15px;

}

.imageSustainability{

	float:left;

	width:160px;

}

.imageSustainability img{

	border:1px solid #999999;

}

.textImageSustainability{

	float:right;

	width:270px;

	margin-left:20px;

}

.publicationsTexte{

	color:#333;

	margin-top:10px;

	padding-top:15px;

	border-top:dotted #999999 1px;

	float:left;

	width:450px;

}

.publicationsTexte a{

	color:#999;

}

.publicationsTexte a:hover{

	color:#5fa0cc;

}

/* download document */

.downloadSustainability{

	border-top:1px dotted #999999;

	width:230px;

	color:#999;

	height:40px;

	margin-top:110px;

}

.downloadSustainability a{

	color:#999;

	text-decoration:none;

}

.downloadSustainability a:hover{

	color:#666;

	text-decoration:none;

}

.downloadSustainability span{

	padding-left:5px;

}

.downloadSustainability img{

	border:none;

	padding-top:7px;

}

/* contact us*/

.input_Sustainability{

	border:#999999 1px solid;

	background-color:#FFFFFF;

	color:#666666;

	font-size:11px;

	height:12px;

}



.intituleFormSustainability{

	width:165px;

}

.intituleFormSustainability span{

	color:#5fa0cc;

}

.intituleFormdouble{

	width:295px;

}

.intituleForm2Sustainability{

	width:80px;

	text-align:center;

}

.intituleForm2Sustainability span{

	color:#5fa0cc;

}

.infos_formSustainability{

	margin-top:10px;

	color:#3F3F3F;

	font-size:10px;

	width:450px;

	float:left;

	/*height:200px;*/

}

.input_StaffFormtextareaSustainability{

	border:#999 1px solid;

	background-color:#fff;

	color:#666;

	font-size:11px;

	margin-left:5px;

	margin-bottom:3px;

}

.input_Sustainabilitybutton{

	border:#5fa0cc 1px solid;

	background-color:#EAEAEA;

	color:#5fa0cc;

	font-size:11px;

	height:17px;

	margin-left:5px;

	width:63px;

}

.space-buttonSustainability{

	margin-top:10px;

	padding-left:70px;

}

.mandatoryfieldsustainability{

	font-size:9px;

	font-style:italic;

	color:#999;

	padding-left:7px;

	padding-top:10px;

}

.mandatoryfieldsustainability span{

	color:#5fa0cc;

	font-size:13px;

}



.mandatorypetitS{

	color:#5fa0cc;

}



/****************** AUTO COMPLETE EMISSIONS CALCULATOR *****************/

#ysearchcontainer6 .yui-ac-content {

	 width:200 px ;

	 border:1px solid #2E9BCC;

	 background:#fff;

	 overflow:hidden;z-index:9050; 

	 position:absolute; 

	 top:610px; 

	 left:253px; 

	 padding:10px;

	}

#ysearchcontainer6 .ysearchquery {

	right:10px;

	color:#808080;

	z-index:10;

}

#ysearchcontainer6 li {

	color:#000000; 

	text-align:left;

}

#ysearchcontainer6 li.yui-ac-highlight {

	background:#CECECE;

}

#ysearchcontainer6 li.yui-ac-prehighlight {

	color:#0099FF;

}





#ysearchcontainer7 .yui-ac-content {

	 width:200 px ;

	 border:1px solid #2E9BCC;

	 background:#fff;

	 overflow:hidden;z-index:9050; 

	 position:absolute; 

	 top:610px; 

	 left:395px; 

	 padding:10px;

	}

#ysearchcontainer7 .ysearchquery {

	right:10px;

	color:#808080;

	z-index:10;

}

#ysearchcontainer7 li {

	olor:#000000; 

	text-align:left;

}

#ysearchcontainer7 li.yui-ac-highlight {

	background:#CECECE;

}

#ysearchcontainer7 li.yui-ac-prehighlight {

	color:#0099FF;

}

.input_emissionsC{

	border:#999999 1px solid;

	background-color:#FFFFFF;

	color:#666666;

	font-size:11px;

	height:15px;

}