@charset "UTF-8";

/* Remove All Styles from all browsers */
@import url("ras.css");


body{
	text-align:center;
	font:11px normal Arial, Helvetica, sans-serif;
	color: #636567;
	background:#fff;
	padding-top:20px;
	/*background:#fff url(../images/staging.gif) 0 0 repeat;*/
}

/* ==== STRUCTURE ====================== */

#outer{
	width:975px;
	position:relative;
	padding:20px 0 30px;
	margin:0 auto;
	text-align:left;
}
* html #outer{padding-bottom:10px;}

#container{
	background:url(../images/f_global_middle.gif) 0 0 repeat-y;
	padding:10px 20px;
	position:relative;
}

#header{
	width:915px;
	height:238px;
	position:relative;
	margin-bottom:10px;
}
#banner{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerHome.jpg) 0 0 no-repeat;
}
#bannerContact{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerContact.jpg) 0 0 no-repeat;
}
#bannerPress{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerPress.jpg) 0 0 no-repeat;
}
#bannerCareer{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerCareer.jpg) 0 0 no-repeat;
}
#bannerReferences{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerReferences.jpg) 0 0 no-repeat;
}
#bannerOurSolutions{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerOurSolutions.jpg) 0 0 no-repeat;
}
#bannerINovi{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerINovi.jpg) 0 0 no-repeat;
}
#bannerPublicSectors{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerOurSolutions.jpg) 0 0 no-repeat;
}
#bannerAboutUs{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerAboutus.jpg) 0 0 no-repeat;
}
#bannerTelecom{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerTelecom.jpg) 0 0 no-repeat;
}
#bannerBank{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerBank.jpg) 0 0 no-repeat;
}
#bannerElectronics{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerElectronics.jpg) 0 0 no-repeat;
}
#bannerEnergy{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerEnergy.jpg) 0 0 no-repeat;
}
#bannerLifeSciences{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerLifeSciences.jpg) 0 0 no-repeat;
}
#bannerIndustrialSector{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerIndustrialSector.jpg) 0 0 no-repeat;
}
#bannerTransport{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerTransport.jpg) 0 0 no-repeat;
}
#bannerConsultant{
	width:915px;
	height:238px;
	background:transparent url(../pictures/bannerConsultant.jpg) 0 0 no-repeat;
}
#wave{
	background:transparent url(../images/wave.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:915px;
	height:83px;
}
* html #wave{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/wave.png');
	background:none;
}
#logo{
	margin:10px 0 0 710px;
	display:block;
	width:180px;
	height:60px;
	background:url(../images/logo.gif) 0 0 no-repeat;
}

#top{
	background:url(../images/f_global_top.gif) 0 0 no-repeat;
	height:10px;
	width:955px;
	position:absolute;
	left:0;
	top:10px;
}
#bottom{
	background:url(../images/f_global_bottom.gif) 0 0 no-repeat;
	height:10px;
	width:955px;
	position:absolute;
	left:0;
	bottom:20px;
}
* html #bottom{bottom:-3px;}
#sticker{
	display:none;
	position:absolute;
	width:26px;
	height:199px;
	background:url(../images/belgium.gif) 1px 50% no-repeat;
	top:58px;
	right:4px;
}
#tab{
	position:absolute;
	width:393px;
	height:19px;
	background:url(../images/tab.gif) 0 0 no-repeat;
	top:1px;
	left:28px;
}
#tablink1{
	cursor:pointer;
	width:146px;
	height:19px;
	position:absolute;
	background:none;
	top:1px;
	left:50px;
}
#tablink2{
	cursor:pointer;
	width:225px;
	height:19px;
	position:absolute;
	background:none;
	top:1px;
	left:196px;
}
/* ==== CONTENT ====================== */

#content{
	background:url(../images/back_content.gif) 0 0 repeat-y;
	margin-top:10px;
}
#content strong{
	font-weight:bold;
}
#content b{
	font-weight:bold;
	color:#0488af;
}
#content em{
	font-style:italic;
}
#container div.large{
	background:url(../images/back_contentlarge.gif) 0 0 repeat-y;
}
#container div.cols2-1{
	background:url(../images/back_contentb.gif) 0 0 repeat-y;
}
#container div.template5{
	background:url(../images/back_template5.gif) 0 0 repeat-y;
}
* html #content{
	border-top:1px solid #fff;
	width:915px;
}
*+html #content{
	border-top:1px solid #fff;
	width:915px;
}
#col1{
	float:left;
	width:195px;
	padding:20px 0;
}
#col2{
	margin-left:8px;
	float:left;
	width:379px;
	padding:20px 0;
}
#col2b{
	margin-left:8px;
	float:left;
	width:400px;
	padding:20px 0;
}
#col2large{
	margin-left:8px;
	float:left;
	width:712px;
	padding:20px 0;
}
#colTemplate5{
	margin-left:8px;
	float:left;
	width:712px;
	padding:20px 0;
	border-bottom:10px solid #fff;
	background:#f0f0f0;
}
#colTemplate5left{
	margin-left:8px;
	float:left;
	width:352px;
	padding:20px 0;
}
#colTemplate5right{
	margin-left:8px;
	float:left;
	width:352px;
	padding:20px 0;
}
#col3{
	margin-left:8px;
	float:left;
	width:325px;
	padding:20px 0;
}
#col3b{
	margin-left:8px;
	float:left;
	width:304px;
	padding:20px 0;
}
#content h1{
	color:#0488af;
	font-size:18pt;
	padding:0 20px 10px;
	font-weight:normal;
}
#content blockquote{
	font-style:italic;
	margin:0 40px 10px 20px;
	padding-left:40px;
	background:url(../images/quote.gif) 10px 0 no-repeat;
}
#content p{
	padding:0 20px 10px;
	text-align:justify;
}
#content p.just{
	text-align:justify;
}
#content p.sign{
	text-align:right;
	font-weight:bold;
}
#content em{font-style:italic;}
#content p.sep{
	padding:0;
	border-bottom:10px solid #fff;
	height:5px;
	background:url(../images/border_box.gif) 100% 0 no-repeat;
	margin:10px 0 20px;
	font-size:1px;
}
#content p.center{margin:0;padding:0 !important;text-align:center;}
#content h2, #content h3{
	font-weight:normal;
	color:#0488af;
	font-size:11pt;
	padding:0 20px 20px;
}
#content h2{text-transform:uppercase;}
#content h3{font-size:10pt;padding-bottom:5px;}
#content h1 span, #content h2 span, #content h3 span{
	font-weight:bold;
}
#content ul{padding:0 20px 10px 0;margin-left:22px;}
#content ol{padding:0 0 10px 34px;}
#content ul li{
	padding-bottom:2px;
	padding-left:10px;
	background:url(../images/puce.gif) 0 5px no-repeat;
}
#content ul li ol li{
	padding-bottom:2px;
	list-style-type: decimal;
	margin-bottom:10px;
	background:none;
}
#col1 ul li{
	background:url(../images/puce_white.gif) 0 0 no-repeat;
	color:#fff;
}
#col1 h1, #col1 h2, #col2b h2{
	color:#fff;
}
#content ul.pdf{
	margin-left:21px;
}
#content ul.pdf li{
	padding-left:25px;
	margin-bottom:5px;
}
#content ul.pdf li{
	background:url(../images/pdf.gif) 0 0 no-repeat;
	list-style:none;
}
#content ul.pdf li.audio{
	background:url(../images/audio.gif) 0 0 no-repeat;
	list-style:none;
}
#content ul li strong{
	font-weight:bold;
	color:#0488af;
}
#col1 ul li strong{
	font-weight:bold;
	color:#FFF;
}
#content a{
	color:#0488af;
	text-decoration:underline;
}
#content a:hover{
	text-decoration:underline;
}
#col1 a{
	color:#FFF;
}
#content ul.pdf li a{
	color:#000;
	text-decoration:none;
}
#content ul.pdf li a:hover{
	color:#000;
	text-decoration:underline;
}
#col1 p{color:#fff;}
#col3 p{text-align:left;}
#col2 p, #col2b p, #col3 p, #col3b p, #col2large p{font-size:10pt;}
#col2 ul li, #col2b ul li, #col3 ul li, #col3b ul li, #col2large ul li{font-size:10pt;}
#col2 ol li, #col2b ol li, #col3 ol li, #col3b ol li, #col2large ol li{font-size:10pt;}
#col3 img{float:left;background:#bcc8e5;border:1px solid #abb4cb;padding:10px;margin:0 10px 10px 0px;}
#col3 img.left{float:left;background:none;border:none;padding:5px;margin:0px 0px 0px 0px;}
#col3 img.classic{float:none;background:none;border:none;padding:0;margin:0;}
#people{text-align:center;background:none;border:none;padding:0;margin:30px auto 0;}

#content ul.menu{
	padding:0;
	margin:0;
	font-size:9pt!important;
}
#col1 h2 a{display:bloxk;margin-left:-20px;padding-left:20px;text-decoration:none;background:url(../images/arrowwhite.gif) 0 5px no-repeat;}
#col1 h2 a:hover{text-decoration:underline;}
#content ul.floatleft{
	display:inline-block;
	width:195px;
}
#content ul.menu li{
	margin:0;
	padding:0;
	color:#fff;
	margin-bottom:4px;
	background:none;
	font-size:9pt!important;
}
* html #content ul.menu li{margin-bottom:0;line-height:5px;}
#content ul.menu li span{
	font-weight:bold;
	padding-left:10px;
	display:block;
}
* html #content ul.menu li span{line-height:14px;}
#content ul.menu li a{
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	background:url(../images/back_menu.gif) 0 0 no-repeat;
	display:block;
	line-height:21px;
	padding:2px 0 0 20px;
}
* html #content ul.menu li a{
	margin:0;
}
#content ul.menu li a.nolink{
	cursor:default;
	background:none;
}
#content ul.menu li a:hover{
	color:#0488af;
	background:url(../images/back_menu.gif) 0 100% no-repeat;
	text-decoration:none;
	font-weight:bold;
}
#content ul.menu li a.nolink:hover{
	font-weight:normal;
	color:#fff;
	cursor:default;
	background:none;
}
#content ul.menu li a.sel{
	color:#0488af;
	background:url(../images/back_menu.gif) 0 100% no-repeat;
	text-decoration:none;
	font-weight:bold;
}
#content ul.menu li ul{
	padding:10px 0 10px 30px;
	margin:0;
}
#content ul.menu li ul li{
	list-style:url(../images/puce_white.gif);
	margin-left:20px;
	padding-left:0;
}
#content ul.menu li ul li a{
	line-height:10px;
	background:none;
	padding-left:0;
}
#content ul.menu li ul li a:hover, #content ul.menu li ul li a.sel{
	background:none;
}

/* ==== DECOR ====================== */
#container div.borderbox{
	width:5px;
	height:5px;
	background:url(../images/border_box.gif) 0 0 no-repeat;
	position:absolute;
	bottom:40px;
	font-size:1px;
}
#box1{
	left:210px;
}
#box2{
	left:597px;
}
#box5{
	left:570px;
}
#box2b{
	left:618px;
}
#box3{
	left:930px;
}
* html #box1{
	left:190px;
}
* html #box2{
	left:577px;
}
* html #box5{
	left:550px;
}
* html #box2b{
	left:393px;
}
* html #box3{
	left:910px;
}
* html #container div.borderbox{
	bottom:69px;
}





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

#menu{
	position:absolute;
	top:220px;
	height:20px;
	left:27px;
}
* html #menu{left:7px;}
#menu li{
	float:left;
	font-weight:bold;
	font-size:10px;
	font-family:verdana;
}
#menu li a{
/*	background-color:#606d7a;
	color:#fff;*/
	background:url(../images/backtopmenu.gif) 0 0 repeat-x;
	border-left:1px solid #fff;
	border-right:1px solid #d2ced2;
	color:#000;
	text-decoration:none;
	line-height:20px;
	display:block;
	text-align:center;
	font-size:10px;
	font-family:verdana;
}
#menu li a.sel, #menu li a:hover{
/*	background-color:#0488af;*/
	background:url(../images/backtopmenuon.gif) 0 0 repeat-x;
	color:#fff;
	border:none;
}
#menu li#menu1 a{
	width:118px;
	background:url(../images/menutopleft.gif) 0 0 no-repeat;
	border-left:none;
}
#menu li#menu1 a:hover, #menu li#menu1 a.sel{
	width:119px;
	background:url(../images/menutoplefton.gif) 0 0 no-repeat;
	border:none;
}
#menu li#menu2 a{
	width:132px;
}
#menu li#menu2 a:hover, #menu li#menu2 a.sel{
	width:134px;
}
#menu li#menu3 a{
	width:129px;
}
#menu li#menu3 a:hover, #menu li#menu3 a.sel{
	width:131px;
}
#menu li#menu4 a{
	width:127px;
}
#menu li#menu4 a:hover, #menu li#menu4 a.sel{
	width:129px;
}
#menu li#menu5 a{
	width:127px;
}
#menu li#menu5 a:hover, #menu li#menu5 a.sel{
	width:129px;
}
#menu li#menu6 a{
	width:127px;
}
#menu li#menu6 a:hover, #menu li#menu6 a.sel{
	width:129px;
}
#menu li#menu7 a{
	width:128px;
	background:url(../images/menutopright.gif) 100% 0 no-repeat;
	border-right:0;
}
#menu li#menu7 a:hover, #menu li#menu7 a.sel{
	width:129px;
	background:url(../images/menutoprighton.gif) 100% 0 no-repeat;
	border:none;
}





/* ==== FOOTER ====================== */

#footer{
	background:#606D7A url(../images/menu_left.gif) 0 0 no-repeat;
	border-top:10px solid #fff;
	height:20px;
	width:915px;
	clear:both;
}
* html #footer{margin-top:6px;}
*+html #footer{margin-top:2px;}
#footer div{
	background:url(../images/menu_right.gif) 100% 0 no-repeat;
	float:right;	
}
#footer a{
	font-size:0.9em;
	color:#E2E5E7;
	text-decoration:none;
	line-height:20px;
	display:block;
	float:right;
	background:url(../images/star_blue.gif) 0 8px no-repeat;
	padding:0 45px 0 10px;
	font-weight:bold;
}
#footer a:hover{
	text-decoration:underline;
}


/* ==== GENERAL ASSET ====================== */
.clear{clear:both;font-size:1px;}
#content p.center{text-align:center;}
#content img.imgright{float:right;background:#bcc8e5;border:1px solid #abb4cb;padding:10px;margin:0 20px 5px 10px;}
#content img.imgleft{float:left;background:#bcc8e5;border:1px solid #abb4cb;padding:10px;margin:0 10px 5px 20px;}


/* ==== SPECIFIC CONTENT =================== */
/* == HOME ==*/
#worldmap{
	display:block;
	width:195px;
	height:123px;
	background:transparent url(../pictures/world_map.png) 0 0 no-repeat;
}
* html #worldmap{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='pictures/world_map.png');
}
a.googlemap{
	float:right;
	width:58px;
	height:24px;
	background:transparent url(../images/joinus.gif) 0 0 no-repeat;
}
a.googlemap:hover{
	background:transparent url(../images/joinus.gif) 0 100% no-repeat;
}
/* == CAREER ==*/
#content img.imgcareer, #col3 img.imgcareer{float:left;margin:0 10px 5px 20px;border:none;background:none;padding:0;}
#apply a{
	margin:0 auto;
	display:block;
	width:155px;
	height:46px;
	background:url(../images/apply.gif) 0 0 no-repeat;
}
#apply a:hover{
	background:url(../images/apply.gif) 0 100% no-repeat;
}



/* ==== GENERAL ASSET ====================== */
div.attention{
	background:#0488af;
	color:#fff;
	padding:10px;
	margin:20px;
}
div.attention a{color:#fff!important;text-decoration:underline;display:block;line-height:30px;}
span.legend{font-style:italic;color:#888;font-size:.8em;}
.alignleft{text-align:left !important;}
.green{color:#0488af;}
a.nodeco{text-decoration:none!important;}