/* ----------------------------------------------------------------------------------------- 
   common.css
   ----------------------------------------------------------------------------------------- 
   History :                                         
   - 1.0 Original Version : Vincent Battaglia                                                         
   - 1.1 Customized SharePoint Version : François Verbeeck
     ° table, td, th, tr, nobr styles added
     ° ...
   - 1.2 Changed the way input button are rendered within the header (search section) was : #header #search_form input button  now is : #header #search_form input.search_button 
   - 1.3 added definition for .col .asidecol span (steps layout) since an extra <span> is automatically rendered by the reusable content block and it will create issue in IE
   - 1.4 added definition for .big_col_wide {width:900px} and .big_col_right_wide{width:620px} for requested PageLayout GenericStepsPageWith2Columns

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

* {
	margin: 0;
	padding: 0;
}
body {
	background: #102857;
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 11px;
	color: #333;
	padding-bottom: 24px;
}
a {
	outline: none;
	color: #003779;
	text-decoration: none;
}
button {
	outline: none;
}
img {
	border: 0;
}

table, td, th, tr, nobr
{
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 11px;
}
	
#container {
	width: 910px;
	margin: 24px auto 0;
	background: #FFF;
}

/* HEADER */
#header {height: 165px; background:transparent url(../images/bg_header.png) repeat 0 0;position: relative;}
#header h1 {position: absolute; width: 133px; height: 53px; left:35px; top:20px;}
#header h1 a {background: transparent url(../images/logo_dexia.png) no-repeat 0 0 !important;height: 53px;width: 137px; display:block;}
#header #lang, #header #links, #header #world {position: absolute;top: 78px;height: 22px; line-height: 22px; font-size: 10px; color: #FFF;}
#header #lang a:hover, #header #links a:hover, #header #world a:hover {text-decoration:underline !important;color: #fff !important;}
#header #lang {left: auto !important;right:8px !important;top:10px;color:#FFFFFF;font-size:10px;}
#header #links {left: auto !important;right:15px;top:55px;width:180px;}
#header #lang span {float:left;margin-right:5px;}
#header #lang a, #header #links a, #header #world a { display: block; float: left; text-decoration: none; color: #FFF;}
#header #lang a {margin-right:5px;}
#header #links a {margin-left: 5px; background:transparent url(../images/puce4.jpg) no-repeat scroll left center;color:#FFFFFF;font-size:10px !important;padding-left:9px;}
#header #lang a.selected, #header #links a.selected, #header #world a.selected { font-weight: bold;}
#header #links span {display: block; float: left; margin-left: 5px;}
#header #world { left: 162px;}

/*
#header {height: 165px; background: url(../images/bg-header.jpg); position: relative;}
#header h1, #header h1 a { width: 133px; height: 53px;}
#header h1 { position: absolute; top: 14px;left: 13px;}
#header h1 a {display:block;}
#header #lang, #header #links, #header #world {position: absolute;top: 78px;height: 22px; line-height: 22px; font-size: 10px; color: #FFF;}
#header #lang { left: 55px;}
#header #links {right: 18px;}
#header #lang a, #header #links a, #header #world a { display: block; float: left; text-decoration: none; color: #FFF;}
#header #lang a.selected, #header #links a.selected, #header #world a.selected { font-weight: bold;}
#header #lang a:hover, #header #links a:hover, #header #world a:hover { color: #003779;}
#header #lang a { margin-right: 10px; }
#header #links a { margin-left: 5px;}
#header #links span {display: block; float: left; margin-left: 5px;}
#header #world { left: 162px;}
*/

#header h1 span {display: none;}
#header #baseline {position: absolute; top: 37px; left: 160px;font-size: 13px;font-weight: bold;color: #FFF;}
#header #world {position: absolute;top: 78px;height: 22px;line-height: 22px;font-size: 10px;color: #FFF;}
#header #world a {display: block;float: left;text-decoration: none;color: #FFF;}
#header #world a.selected {font-weight: bold;}
#header #world a:hover {color: #003779;}
#header #world {left: 162px;}
#header #search_form {position: absolute;top: 35px;right: 10px;width: 180px;height: 20px;}
#header #search_form input {display: block;float: left;border: 1px solid #999;border-right: 0;width: 135px;height: 15px;font-size: 10px;color: #5d6dd4;padding: 3px 0 0 16px;background: #FFF url(../images/bg-search-input.gif) 3px 4px no-repeat;}
#header #search_form input.search_button {display: block;float: left;border: 0;width: 28px;height: 20px;background: url(../images/button.gif);cursor: pointer;}
#header #search_form button span {display: none;}
/* NAV */
#nav {
	list-style: none;
	position: absolute;
	bottom: 34px;
	left: 5px;
	height: 31px;
}
#nav li {
	display: block;
	float: left;
	height: 31px;
	margin-right: 1px;
	background: url(../images/bg-tab-right.gif) right no-repeat;
}
#nav li a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	font-weight: bold;
	color: #6c7788;
	text-decoration: none;
	padding: 0 8px;
	background: #F90;
	background: url(../images/bg-tab-left.gif) left no-repeat;
}
#nav li a:hover {
	color: #054ba0;
}
#nav li span {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding: 0 27px;
	background: url(../images/bg-tab.gif);
	cursor: pointer;
}
#nav li.selected {
	background: url(../images/bg-tab-selected-right.gif) right no-repeat;
}
#nav li.selected a {
	background: url(../images/bg-tab-selected-left.gif) left no-repeat;
	color: #054ba0;
}
#nav li.selected span {
	background: url(../images/bg-tab-selected.gif);
}
#subnav {
	position:absolute;
	left: 5px;
	bottom: 0;
	height: 34px;
}
#subnav p {
	line-height: 34px;
	font-size: 10px;
	padding-left: 20px;
}
#subnav p strong {
	color: #054da3;
}
#subnav ul {
	list-style: none;
}
#subnav li {
	float: left;
	background: url(../images/bg-subnav-item.gif) right 7px no-repeat;
}
#subnav li a {
	display: block;
	line-height: 34px;
	font-size: 10px;
	padding: 0 22px 0 20px;
	color: #333;
}
#subnav li a:hover, #subnav li.selected a {
	color: #054da3;
}
#subnav li.selected a {
	text-decoration: underline;
}

/* CONTENT */
#content {
	background: url(../images/bg-content.gif) 5px 0 no-repeat;
	min-height: 7px;
	height: auto!important;
	height: 7px;
}
.col {
	float: left;
	position: relative;
	padding-bottom: 20px;
}
.big_col {
	width: 636px;
}

.big_col_wide {
	width: 900px;
}

.big_col_left {
	float: left;
	width: 273px;
}
.big_col_right {
	float: left;
	width: 363px;
}

.big_col_right_wide {
	float: left;
	width: 620px;
}


.shadow_col {
	background: url(../images/bg-results-col.gif) right 7px repeat-y;
	padding: 0;
}
.shadow_col_inner {
	background: url(../images/bg-results-col-top.gif) top right no-repeat;
}
.shadow_col_inner_inner {
	background: url(../images/bg-results-col-bottom.gif) bottom right no-repeat;
	padding-bottom: 80px;
}
.shadow_col2 {
	background: url(../images/bg-results-col2.gif) left 7px repeat-y;
	padding: 0;
}
.shadow_col2_inner {
	background: url(../images/bg-results-col-top2.gif) top left no-repeat;
}
.shadow_col2_inner_inner {
	background: url(../images/bg-results-col-bottom2.gif) bottom left no-repeat;
	padding-bottom: 80px;
}
.aside_col {
	width: 274px;
}

.aside_col span {
	display:block;
	/*width:100%;*/
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* FOOTER */
#footer {
	clear: both;
	background: url(../images/bg-footer.jpg) bottom no-repeat;
	font-size: 10px;
	height: 20px;
}
#footer p {
	float: right;
	margin-right: 10px;
}
#footer span, #footer a {
	display: block;
	float: left;
	margin-left: 5px;
}
#footer a {
	color: #0c4684;
}

/* CALL TO ACTION */

a.cta, a.hcta {
	display: block;
	margin-bottom: 1px;
	overflow: hidden;
	zoom: 1;
}
a.cta span, a.hcta span {
	display: block;
	border: 1px solid #d5dfe8;
	text-align: right;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
	padding-right: 35px;
	background: url(../images/button2.gif) right 5px no-repeat;
	cursor: pointer;
}
a.hcta {
	background: url(../images/bg-button-hcta.gif) repeat-x;
}
a.hcta span {
	background-image: url(../images/button3.gif);
}

/* BUTTON */

.button {
	float: left;
	display: block;
	border: 0;
	background: transparent none;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	background: url(../images/bg-button-left.gif) top left no-repeat;
	cursor: pointer;
	height: 24px;
	overflow: hidden;
	zoom: 1;
}
.button span {
	float: left;
	display: block;
	height: 24px;
	line-height: 22px;
	background: url(../images/bg-button-right.gif) top right no-repeat;
	padding: 0 24px 0 8px;
	cursor: pointer;
	white-space:nowrap;
}