/* CSS Document */

BODY,TD,TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

body {
	margin: 0px;
	padding: 0px;
	overflow:-moz-scrollbars-vertical;
}

INPUT, TEXTAREA{

	padding:2px;
	margin:0;
	border:1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

INPUT.button{
	
}

INPUT.formbutton {

	display:block;
	position:relative;
	height:19px;
	color:#333;
	background:URL(/design/bt.gif) repeat-x center center;
	padding:2px 5px;
	text-decoration:none;
	border:1px solid #666;

	float:left;
	margin-right:6px;
	cursor:pointer;

}

INPUT.formbutton :hover {
	text-decoration:none;
	color:#EEFFFF;

}

TD{vertical-align:top;}

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0;font-size:14px;}

UL{list-style-type: none; padding:0;margin:10px 0;line-height:150%;}

UL LI{
	background: url(/design/puce.gif) no-repeat 0px 8px;
	padding:3px 0 2px 15px;
	margin:0 0 0 20px;
}

.blckLeft UL , .blckRight UL {margin:0;}

.blckLeft UL LI , .blckRight UL LI{	padding:3px 0 2px 15px; margin:0;}

#container{

	position:relative;
	margin:0 auto;
	width:950px;

}

A, A:visited{color:#006bb1;}
A:hover, A:active{color:#f6722f;}

HR{
	color: #ccc;
	background: #ccc;
	height: 1px;
	border: 0;
}


/* ==============================================
Top Banner
============================================== */

A.logo{
	width:131px;
	height:46px;
	display:block;
	position:absolute;
	top:15px;
	left:10px;
}

A.logo IMG{border:none;}

#banner{
	position:relative;
	z-index:20;
	height:52px;
	background:url(/design/back-banner.gif) no-repeat top left;
	padding:15px 0 0 150px;
}

#banner IMG{
	margin:0 0 0 7px;
}

.slogan{
	position:absolute;
	top:15px;
	left:550px;
	width:390px;
	height:25px;
	
	text-align:right;
}

FORM.search{
	position:absolute;
	z-index:20;
	display:block;
	bottom:-4px;
	right:0;
/*	
	width:180px;
	height:27px;
*/	
	width:174px;
	height:17px;
	padding:10px 0 0 6px;
	margin:0;
	background:url(/design/search.gif) right bottom no-repeat;
	
}

FORM.search INPUT{
	background:transparent;
	border:none;
}

FORM.search INPUT.field{
	width:120px;
	padding-left:25px;
	color:#999999;
}

FORM.search INPUT.send{
	width:20px;
	cursor:pointer;
}

/* ==============================================
MENU
============================================== */

#menu{
	position:relative;
	z-index:10;
/*	height:33px; */
	height:26px;
	padding:7px 0 0 0;
	background:url(/design/back-menu.gif) no-repeat;
}

#menu TABLE{
	border:solid #FFF;
	border-width:0 0 0 1px;
}

#menu A , #menu A:visited {
	display:block;
	height:26px;
	border:solid #FFF;
	border-width:0 1px 0 0;
	
	padding:0 10px;
}

#menu A:hover , #menu A:active , #menu A.sel{
	background:url(/design/back-sel-menu.gif) repeat-x top;
}	

.menu A IMG{border:none;}

/* ==============================================
MAIN
============================================== */

#main{
	background: url(/design/back-main.gif) no-repeat center top;
	border:solid #dcdcdc;
	border-width:0 1px;
}

TD.breadcrumps{
	padding:10px;
	font-size:10px;
	color:#bcbcbc;
}

TD.breadcrumps A , TD.breadcrumps A:visited{
	color:#999999;
}

TD.breadcrumps A:active , TD.breadcrumps A:hover{
	color:#f6722f;
}

TD.toolMenu{
	vertical-align:middle;
	text-align:right;
	padding:10px;
	width:240px;
	font-size:9px;
	color:#bcbcbc;
}

#textIco{
	position:relative;
	right:5px;
}

TD.toolMenu A{text-decoration:none;}

TD.toolMenu A IMG{
	border:none;
	margin:0 5px 0 0;
}

TD.toolMenu A.lng{
	font-weight:bold;
	color:#bcbcbc;
	text-decoration:none;
	border:1px solid #eee;
	padding:1px;
	position:relative;
	top:-2px;
}

.logos{
	margin: 10px;
	text-align:left;
}

.logos IMG{
	margin:5px;
	border:none;
}

TD.menuNl{
	border-left:1px dotted #ccc;
	width:250px;
}

TD.menuNl A , .menuNl A:visited {
	display:block;
	padding:3px 10px;
	margin:0 0 2px 10px;
	background:#FFEDCC;
	border-bottom:1px dotted #FFD27F;
	color:#845500;
	text-decoration:none;
	
	
}

TD.menuNl A:hover{
	background:#FFE4B2;
	border-bottom:1px dotted #845500;

}


/* ----- HOME -------------*/

TD.leftHome{
	padding:0  0 0 20px;
	width:313px;

	height:520px;
}

.slideShow{
	width:313px;
	height:184px;
	position:relative;
}

.slideShow div{
	width:303px;
	height:20px;
	position:absolute;
	left:0;
	bottom:0;
	color:#333;
	padding:5px;
	line-height:20px;
	text-align:right;

	
	font-size:12px;
/*	
	background:#fff;
	filter:alpha(opacity=50);  
	opacity: 0.50;
*/
	
}

TD.leftHome H1 {
	background:url(/design/underline-title.gif) repeat-x center bottom;
	padding:0 0 5px 0;
	margin:25px 0 10px 0;
}

TD.rightHome{
	padding:0 10px 0 20px;
}

TD.rightHome H1{
	background:url(/design/underline-title.gif) repeat-x center bottom;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

A.newsHeader , A.newsHeader:visited , A.newsHeader:active{
	text-decoration:none;
	clear:both;
	margin-top:10px;
	display:block;
}

A.newsHeader:hover{
	text-decoration:none;
	color:#f6722f;
}

.titleNewsHeader{
	color:#336299;
	font-weight:bold;
	margin-bottom:5px;
}
.newsHeader IMG{
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #999;
}
.dateNewsHeader{
	padding:0 5px 5px 5px;
	text-align:right;
	color:#999999;
}

A.newsHeader .texteNewsHeader , A.newsHeader:visited .texteNewsHeader{
	color:#666;
}

A.newsHeader:hover .texteNewsHeader , A.newsHeader:active .texteNewsHeader{
	color:#333;
}

.blckRight A.newsHeader .titleNewsHeader , .blckRight A.newsHeader:visited .titleNewsHeader{
	font-weight:normal;
	color:#006bb1;
}

.blckRight A.newsHeader:hover .titleNewsHeader , .blckRight A.newsHeader:active .titleNewsHeader{
	font-weight:normal;
	color:#f6722f;
}

.blckHome{
	background:#e9ebf2 url(/design/blck-home.gif) center top repeat-x; 
	padding:0 10px 10px 10px;
	margin-top:20px;
}

.blckHome H1{
		margin:25px 0 10px 0;
	
}

.blckLeft{
	margin:10px 0 0 0;
	position:relative;
}



.titreBrLeft{
	background:url(/design/blck-titre-left.gif) no-repeat top center;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:4px 10px 0 10px;
}
.textBrLeft{
	background:#fff url(/design/blck-txt-left.gif) no-repeat top center;
	border:solid #e6e6e7;
	border-width:0 1px;
	padding:10px;
}


/* ----- LEFT -------------*/

TD.colLeft{
	width:200px;
	padding:0 0 0 10px;

}

.menuLeft{
	margin:10px 0 0 0;
	width:200px;
	position:relative;
}

.menuLeft A , .menuLeft A:visited{
	display:block;
	height:21px;
	
	padding:0 0 0 15px;
		
	line-height:21px;
	
	border:1px solid #ffa700;
	
	border-top:1px solid #ffbb39;
	border-bottom:1px solid #e88a14;
	background:#ffa700;
	color:#fff;
	
	position:relative;
}

.menuLeft A:hover , .menuLeft A:active{
	background:#ff9600;
}


.menuLeft A IMG.topMenuLeft{
	position:absolute;
	top:-1px;
	left:-1px;
}

.menuLeft IMG.bottomMenuLeft{
	position:absolute;
	bottom:0;
	left:0;
}

#last_image{display:none;}

.menuLeft A IMG{border:none;}

.menuLeft A.sel, .menuLeft A.sel:hover , .menuLeft A.sel:active , .menuLeft A.sel:visited{
	background:url(/design/back-sel-menu.gif) repeat-x center top;
	border-top:1px solid #ffa700;
	border-bottom:1px solid #b0b0b0;
}

.menuLeft .sub{
	background:#ededed url(/design/back-sub.gif) repeat-x center top;
	padding:5px 0;
	border:solid #ffa700;
	border-width:0 1px;
}
	
.menuLeft .sub A , .menuLeft .sub A:hover , .menuLeft .sub A:active , .menuLeft .sub A:visited{
	background:none;
	color:#333333;
	border:none;
	padding:0 0 0 25px;
}

.menuLeft .sub A.sel , .menuLeft .sub A.sel:visited , .menuLeft .sub A.sel:active , .menuLeft .sub A.sel:hover{
	background: url(/design/dot-menu.gif) no-repeat 12px 7px;
	padding:0 0 0 25px;
}

.oil{
	margin:10px 0;
	
/*	width:201px;
	height:64px; */
	
	width:141px;
	height:55px;
	padding:9px 0 0 60px;
	background:url(/design/oil.gif) no-repeat center center;
	position:relative;
	color:#ffffff;
}

.oil B{display:block;}

.oil IMG{
	position:absolute;
	top:7px;
	right:5px;
}

.oil A , .oil A:visited{
	position:absolute;
	height:15px;
	width:181px;
	bottom:3px;
	left:0;
	padding:0 10px;
	
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
}

.oil A:hover , .oil A:active{
	color:#D0DCE9;
	text-decoration:none;
}

FORM.login{
	margin:10px 0;
	padding:0;
	display:block;
	height:122px;
	width:200px;
	background:url(/design/back-login.gif) no-repeat center center;
	position:relative;
}

FORM.login B{
	color:#0072bc;
	display:block;
	padding:5px 15px;
}

FORM.login A , FORM.login A:visited{
	font-size:9px;
	display:block;
	padding:0 15px;
}

INPUT.fieldForm{
	display:block;
	margin:5px auto;
	background:url(/design/login-input.gif) no-repeat center center;
	border:none;
	width:165px;
	height:13px;
	padding:3px;
}

INPUT.btLogin{
	display:block;
	position:absolute;
	width:100px;
	height:19px;
	background:url(/design/login-bt.gif) no-repeat center center;
	border:none;
	bottom:10px;
	right:15px;
	
	padding:0;
	margin:0;
	font-size:10px;
	color:#666666;
	
	cursor:pointer;
	
}

A.newsletter{
	display:block;
	margin:10px 0;
}

A.newsletter IMG{border:none;}




/* ----- CENTER -------------*/

TD.content{
	padding:0 25px;
	line-height:150%;

	height:520px;

}

H1{
	margin:25px 0;
	color:#0072bc;
}

.moreInfo{
	width:452px;
	padding:0 10px 5px 10px;
	margin:15px auto 0 auto;

	background:url(/design/more-info.gif) no-repeat center top;
}

.moreInfo A , .moreInfo A:visited , .moreInfo A:hover , .moreInfo A:active{
	text-decoration:none;
}

.moreInfo IMG{border:none;vertical-align:middle;}

.MoreInfoTitle{
	background:#fff;
	position:relative;
	padding:0 5px;
	top:-8px;
	left:10px;
	color:#006bb1;
	
}

.moreInfoBottom{
	width:472px;
	padding:0 10px;
	margin:0 auto;

}



/* ----- RIGHT -------------*/

TD.rightCol{
	padding:0 10px 0 0;
	width:175px;
}

.blckRight{
	margin:10px 0 0 0;
	position:relative;
}

.titreBr{
	background:url(/design/blck-titre.gif) no-repeat top center;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:4px 10px 0 10px;
}

.textBr{
	background:url(/design/blck-txt.gif) no-repeat top center;
	border:solid #e6e6e7;
	border-width:0 1px;
	
	padding:10px;
}

A.blkLink{
	display:block;
	position:absolute;
	width:100px;
	height:19px;
	background:url(/design/login-bt.gif) no-repeat center center;
	border:none;
	bottom:0px;
	right:0px;
	
	padding:0;
	margin:0;
	font-size:10px;
	line-height:19px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	
	cursor:pointer;
}

A.blkLink2 , A.blkLink2:visited{
	display:block;
	position:absolute;
	width:120px;
	height:19px;
	background:url(/design/bt2.gif) no-repeat center center;
	border:none;
	bottom:0px;
	right:0px;
	
	padding:0;
	margin:0;
	font-size:10px;
	line-height:19px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	
	cursor:pointer;
}

INPUT.blkLink2{

	width:120px;
	height:19px;
	background:url(/design/bt2.gif) no-repeat center center;
	border:none;
	
	padding:0;
	margin:0;
	font-size:10px;
	line-height:19px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	
	cursor:pointer;
	
	float:right;
}

A.blkL , A.blkL:visited{
	display:block;
	width:120px;
	height:19px;
	background:url(/design/bt2.gif) no-repeat center center;
	border:none;
	padding:0;
	margin:0;
	font-size:10px;
	line-height:19px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	
	cursor:pointer;
}

TD.ScaseI INPUT{
	display:block;
	width:120px;
	height:19px;
	background:url(/design/bt2.gif) no-repeat center center;
	border:none;
	bottom:0px;
	right:0px;
	
	padding:0;
	margin:0;
	font-size:10px;
	line-height:19px;
	color:#666666;
	text-decoration:none;
	text-align:center;
	
	cursor:pointer;
}


/* ==============================================
BOTOM MENU
============================================== */

#bottomMenu{
	height:19px;
	padding:10px 0 5px 0;
	background:url(/design/back-bottom.gif) repeat-x center top;
	text-align:center;
	
	border-top:1px solid #bebebe;
	border-bottom:1px solid #dddddd;

	clear:both;
	
}

#bottomMenu A , #bottomMenu A:visited{
	color:#666;
	text-decoration:none;
}

#bottomMenu A:hover , #bottomMenu A:active{
	color:#f6722f;
	text-decoration:none;
}

/* ==============================================
COPYRIGHT
============================================== */

#copyright{
	padding:3px;
	text-align:right;
	color:#999;
}

#copyright A, #copyright A:visited{color:#999;text-decoration:none;}
#copyright A:hover, #copyright A:active{color:#f6722f;text-decoration:underline;}


/* ==============================================
SEARCH
============================================== */ 

.search_result{
	margin-top:10px;
}

.search_title{
	font-weight:bold;
	font-size:12px;
	color:#336299;
}

.search_title  A{
	
}

.search_progress_container{
border:1px solid #ddd;
padding:0;
margin:0;
height:3px;
}

.search_progress_bar{
	background:#ccc;
	padding:0 3px;
	color:#fff;
	font-size:9px;
	margin:0;
	padding:0;
/*	margin-top:3px;
	margin-bottom:3px;*/
	height:3px;
	line-height:0;
}

.search_resume{

}

.search_resume B{
	color:#B07300;
}

FORM.search_form INPUT {
	width:300px;
}

FORM.search_form INPUT.search_formbutton{

	height:19px;
	width:100px;
	color:#333;
	background:URL(/design/bt.gif) repeat-x center center;
	padding:2px 5px;
	text-decoration:none;

	cursor:pointer;

}

.search_error{
	color:#FFA600;
	font-weight:bold;
	margin:5px 0;
}

.searc_nav{
	margin:10px 0;
	text-align:center;
}

#search_resume_table{
	margin:20px 0;
	border:solid #ccc;
	border-width:1px 0 1px 0;
}

#search_resume_table B{
	color:#336299;
	font-weight:normal;
}

.form_auto_fill{
	text-align:right;
	margin-bottom:5px;
}

.form_auto_fill INPUT{
	border:0;
	margin:0;
	padding:0;
}


BODY.bodysendto{
	padding:5px;
}

BODY.bodysendto IMG{
	padding:10px;
}

/*
#docs{display:none}
#links{display:none}
*/


/* ==============================================
CASE STUDIES
============================================== */ 


TABLE.CaseStudies01 TD , TABLE.CaseStudies02 TD , TABLE.CaseStudies03 TD {
	padding:0 0 0 0;
}

table .CaseStudies01 hr, table .CaseStudies02 hr, table .CaseStudies03 hr {
margin: 15px 0;
}

table .CaseStudies01 {
margin: 10px 0;
}

table .CaseStudies02 {
margin: 0;
}

table .CaseStudies03 {
margin: 0 0 10px 0;
}

#images-casestudies {
padding-left: 20px;
}

TABLE.CaseStudies01 IMG{
	padding:0 0 5px 0;
}

TABLE.CaseStudies01 H1{

	background:url(/design/underline-title.gif) repeat-x center bottom;
	padding:0 0 5px 0;
	margin:0 0 10px 0;

	color:#0072BC;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	
}

TABLE.CaseStudies01 SPAN , TABLE.CaseStudies02 SPAN , TABLE.CaseStudies03 SPAN{
	color:#999;
}

TABLE.CaseStudies01 H3 , TABLE.CaseStudies02 H3 , TABLE.CaseStudies03 H3{
	color:#006BB1;
	font-size:11px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

H1.cst{
	background:URL(/design/cst.gif) no-repeat top center !important;
	color:#fff !important;
	padding:3px 5px 15px 5px !important;
	margin:0 !important;
}

H1.veol{background:none !important;font-size:16px;}


A.listcs , A.listcs:visited{
	background:#ECECEC;
	padding:3px 10px;
	margin-bottom:5px;
	display:block;
	color:#999;
	text-decoration:none;
	border:1px solid #ccc;
	width:650px;
}


A.listcs:hover{
	background:URL(/design/mcst.gif) repeat-x center center;
	color:#333;
}

TABLE.editFomCs{

}

TABLE.editFomCs H3{

	color:#0072BC;
	font-weight:normal;
	font-size:16px;
	margin:0;
	padding:0;

}


/* --------------------------------------------------------- */

TABLE.CaseStudies{
	margin-bottom:100px;
}


TABLE.CaseStudies TH{
	background:#ccc;
	text-align:left;
	padding:5px;
	color:#666666;
}


TABLE.CaseStudies TH A , TABLE.CaseStudies TH A:visited{color:#666666;text-decoration:underline; white-space:nowrap}
TABLE.CaseStudies TH A:hover{color:#E79600;}

TABLE.CaseStudies TH IMG{vertical-align:middle;}

TABLE.CaseStudies TD{
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ccc;
	color:#006BB1;
}


IMG.imgB {
	margin:0 1px;
	padding:0 0;
}

TD.inp INPUT{
	vertical-align:middle;
	margin:2px;
}