/* Fichier CSS de base */

html, body { height:100%; width:100%; padding:0px; margin:0px; }
body { height: 100%; margin: 0; padding: 0; border: 0; } 
#background { position:absolute; width:100%; height: 100%; padding:0px; margin:0px; z-index:0; }

.float_left { float:left; }
.float_right { float:right; }

#container_wrapper {
	position: relative;
	width:100%;
	height: 100%;
	padding:0px;
	margin:0px;
	z-index:1;
}

#container {
	display:block;
	float:left;
	position:relative;
	width:99%;
	padding:0px;
	margin:0px;
}

/*-----SCROLLER MAIN-----*/
#knobScroll {
	position:relative;
	height: 23px;
	width: 15px;
	background-image:url(../_images/slide_block.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}
#upScroll { height:11px; width:15px; }
#downScroll { height:11px; width:15px; }
#areaScrollContainer { padding:10px 10px 0 0; height: 300px; width: 15px; float:right; }
#areaScroll { height: 280px; width: 15px; background-color:#4b4a43; }
#container_Scroll { margin:0px; width: 680px; height: 300px; overflow:hidden; float:left; }
#container_Scroll_content { padding:0px; margin:0px; width: 680px; }
/*----------*/

/*-----SCROLLER MAPS-----*/
#knobScroll_map{
	position:relative;
	height: 23px;
	width: 15px;
	background-image:url(../_images/slide_block.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}
#areaScrollContainer_map { padding:0px; height: 305px; width: 15px; float:right; }
#upScroll_map { height:11px; width:15px; }
#downScroll_map { height:11px; width:15px; }
#areaScroll_map { height: 283px; width: 15px; background-color:#4b4a43; }
#container_Scroll_map { margin:0px; width: 690px; height: 285px; overflow:hidden; float:left; }
#container_Scroll_content_map { padding:0px; margin:0px; width: 690px; }
/*----------*/

/*-----SCROLLER TEAM-----*/
#knobScroll_team{
	position:relative;
	height: 23px;
	width: 15px;
	background-image:url(../_images/slide_block.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}
#areaScrollContainer_team {	padding:0px;	height: 200px;	width: 15px;	float:right; }
#upScroll_team { height:11px; width:15px; }
#downScroll_team { height:11px; width:15px; }
#areaScroll_team { height: 200px; width: 15px; background-color:#4b4a43; }
#container_Scroll_team { margin:0px; width:300px; height:215px; overflow:hidden; float:left; }
#container_Scroll_content_team { padding:0px; margin:0px; width: 300px; }
/*----------*/

/*-----SCROLLER VIEWPROJECT-----*/
#knobScroll_viewproject {
	position:relative;
	height: 23px;
	width: 15px;
	background-image:url(../_images/slide_block.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}
#areaScrollContainer_viewproject { padding:0px; height: 374px; width: 15px; float:right; }
#upScroll_viewproject { height:11px; width:15px; }
#downScroll_viewproject { height:11px; width:15px; }
#areaScroll_viewproject { height: 352px; width: 15px; background-color:#4b4a43; }
#container_Scroll_viewproject { margin:0px; width: 690px; height: 350px; overflow:hidden; float:left; }
#container_Scroll_content_viewproject { padding:0px; margin:0px; width: 690px; }
/*----------*/

/*-----FOOTER-----*/
#footer {
	margin-top:5px;
	margin-left:5px;
	width:750px;
	padding:10px 10px 10px 10px;
	background-color:#000000;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #666666;
}
#spacer{
	display: block;
	height: 100%;
	float: right;
	width: 1px; /* 1px would be enough this is for display only */
	font-size: 1px; /* to make sure width is not overridden */
	padding: 0;
	margin: 0;
} 
#bottom {
	position: relative; 
	clear: both; 
	width:100%; 
	height:45px; 
	bottom:45px; 
	background: #000000; 
	opacity: 0.90; 
	-moz-opacity: 0.90; 
	-khtml-opacity: 0.90; 
	filter: alpha(opacity=90);
}
/*----------*/


h1 { font-family: verdana, arial, helvetica; font-size: 21px; font-weight:lighter; color: #a89271; margin:0px; padding:0px; }
h2 { font-family: verdana, arial, helvetica; font-size: 18px; font-weight:lighter; color: #a89271; margin:0px; padding:20px 0px 8px 0px; }

td { font-family: verdana, arial, helvetica; font-size: 11px; color: #FFFFFF; }
a { outline:none; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; }
li {  margin-top: 5px; }

td.nav { font-family: verdana, arial, helvetica; font-size: 9px; color: #FFFFFF; }
td.subnav {
	width:122px;
	padding:5px 0px 0px 8px;
	margin:0px;
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	color: #FFFFFF;
}
table.subnav { margin-top:5px; }
td.div { padding-bottom:14px; padding-top:14px; }


/*-----SECTION General -----*/
#section_general {
	margin-left:5px;
	width:720px;
	height:408px;
	padding:0px 0px 0px 50px;
	background-color:#34302a;
}
#section_general_content {
	width:660px;
	padding:20px 30px 30px 0px;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
}

#section_general_title {
	width:660px;
	padding:30px 30px 30px 30px;
	background-color:#4d4538;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
}
#section_general_description { padding:20px 20px 20px 0px; }
/*--------*/


/*-----SECTION Team -----*/
td.teamtitle {
	padding:0px 0px 0px 20px;
	margin:0px;
	background-color:#445464;
	font-family: verdana, arial, helvetica;
	font-size: 21px;
	color: #f0f8fd;
	font-weight:lighter;
}

#section_team_menu {
	margin-bottom:5px;
	margin-left:5px;
	width:770px;
	height:0px;
	padding:0px;
}

#section_team {
	margin-top:74px;
	_margin-top:0px;
	margin-left:5px;
	height:334px;
	overflow:hidden;
	width:770px;
	padding:0px 0px 0px 0px;
	background-color:#29323f;
}

#section_team_nav {
	width:190px;
	padding:55px 20px 0px 0px;
	background-color:#29323f;
	float:left;
	display:inline;	
}	
		
#section_team_nav_bt_OFF {
	margin-bottom:5px;
	width:170px;
	padding:10px 10px 10px 10px;
	background-color:#19202a;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}

#section_team_nav_bt_ON {
	width:170px;
	margin-bottom:5px;
	padding:10px 10px 10px 10px;
	background-color:#445464;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}

blockquote{
	margin-left:12px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	padding:0px;
}
						
#section_team_content {
	width:560px;
	padding:0px;
	float:right;
	display:inline;
}

#section_team_title {
	width:560px;
	padding:0px 0px 0px 0px;
	background-color:#445464;
	margin:0;
	height:75px;
	overflow:hidden;
}

#section_team_description {
	width:341px;
	padding:5px 0 0 0;
	float:left;
}

#section_team_photo{
	width:199px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:right;
}
/*------*/						
		
		
		
		
/*-----SECTION Map -----*/	
		
#section_map_menu {
	margin-left:5px;
	width:770px;
	height:0px;
	padding:0px;
}	

#section_map {
	margin-left:5px;
	margin-top:35px;
	width:770px;
	height:373px;
	padding:0px;
	position:relative;
}		
		
#section_map_bysector_filters {
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:770px;
	padding:34px 0px 0px 0px;
	/*background-color:#34302a;*/
	position:static;
}
		
		
#section_map_bysector_scroll {
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:736px;
	height:305px;
	padding:0px 0px 0px 34px;
	background-color:#34302a;
}						
		
#section_map_viewproject_header {
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:736px;
	padding:0px 0px 0px 34px;
	background-color:#34302a;
}	

#section_map_viewproject_scroll {
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:736px;
	height:374px;
	padding:0px 0px 0px 34px;
	background-color:#34302a;
}					
/*------*/		


/*-----SECTION Home -----*/

.hand { cursor:pointer; }

td.home_1 {
	padding:20px;
	height:408px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	background-color:#34302a;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

td.home_2 {
	padding:20px;
	height:408px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	background-color:#29323f;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

td.home_3 {
	padding:20px;
	height:408px;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	background-color:#2a2b30;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

td.news {
	padding-top:14px;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

div.infrastructure_dev_consultant {
	float:left; 
	padding:0;
	margin:17px 0 0 10px;
	height:12px;
	display:inline;
}

/* -------------------------------------------------
                    LINK CSS
---------------------------------------------------- */

.text10px {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #373027
}

.text10pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}

.text10pxWhite a:link { color: #FFFFFF; text-decoration: underline; }
.text10pxWhite a:visited { color: #b2ddf7; text-decoration: underline; }
.text10pxWhite a:hover { color: #b2ddf7; text-decoration: underline; }

.text11pxWhite a:link { color: #FFFFFF; text-decoration: underline; }
.text11pxWhite a:visited { color: #b2ddf7; text-decoration: underline; }
.text11pxWhite a:hover { color: #b2ddf7; text-decoration: underline; }

.text10pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #b2ddf7;
}

.text10pxBeige {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #a89271;
}

.text10pxFooter {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #6e6851;
}

.SubMenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#88cef2;
	font-weight:bold;
}
.SubMenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff !important;
	text-decoration: none;
	font-weight:bold;	
}
.SubMenu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#88cef2 !important;
	font-weight:bold;
	text-decoration: none;
}

.text11px {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #373027
}

.text11pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
}

.text11pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #b2ddf7;
}

.text11pxBeige {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #a89271;
}

.text12px {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #373027;
	font-weight:bold;
}

.text12pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;	
}

.text12pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #b2ddf7;
	font-weight:bold;
}

.text12pxBeige {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #a89271;
}

.text14px {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #373027;
	font-weight:bold;
}

.text14pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;	
}

.text14pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #b2ddf7;
	font-weight:bold;
}

.text14pxBeige {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #a89271;
}

.text21px {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #373027;
	font-weight:lighter;
}

.text21pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 21px;
	color: #FFFFFF;
	font-weight:lighter;
}

.text21pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 21px;
	color: #b2ddf7;
	font-weight:lighter;
}

.text21pxBeige {
	font-family: verdana, arial, helvetica;
	font-size: 21px;
	color: #a89271;
}

/* -------------------------------------------------
                    LINK CSS
---------------------------------------------------- */

a:link { color: #373027; }
a:hover { color: #755225; }
a:visited { color: #373027; }

a.linkwhite:link { color: #FFFFFF; text-decoration: underline; }
a.linkwhite:visited { color: #b2ddf7; text-decoration: underline; }
a.linkwhite:hover { color: #b2ddf7; text-decoration: underline; }

a.linkBlue:link { color: #b2ddf7; text-decoration: underline; }
a.linkBlue:visited { color: #b2ddf7; text-decoration: underline; }
a.linkBlue:hover { color: #00ccff; text-decoration: underline; }

a.linkFooter:link { color: #666666; text-decoration: none; }
a.linkFooter:visited { color: #666666; text-decoration: none; }
a.linkFooter:hover { color: #999999; text-decoration: underline; }

a.linkSubMenu:link { color: #88cef2; text-decoration: none; }
a.linkSubMenu:visited { color: #88cef2; text-decoration: none; }
a.linkSubMenu:hover { color: #ffffff; text-decoration: underline; }

a.linkSubMenuOn:link { color: #ffffff; text-decoration: none; }
a.linkSubMenuOn:visited { color: #ffffff; text-decoration: none; }
a.linkSubMenuOn:hover { color: #ffffff; text-decoration: underline; }

.text120 { 
	font-size: 10px; 
	background-color: #ffffff; 
	width: 120px;
	border: 1px solid #666666; 
}
.textb { 
	font-size: 11px; 
	background-color: #ffffff; 
	border: 1px solid #666666; 
}
.textc { 
 	font-size: 11px; 
 	background-color: #ffffff; 
	border: 1px solid #666666; 
}

CHECKBOX.err, INPUT.err, RADIO.err, SELECT.err, TEXTAREA.err { font-family: verdana, arial, helvetica; font-size: 11px; border-color:red; }
