/* ----------------------------------------------------------------------------------------- 
   content.css
   ----------------------------------------------------------------------------------------- 
   History :                                         
   - 1.0 Original Version : Vincent Battaglia                                                         
   - 1.1 Customized SharePoint Version : François Verbeeck
     ° disabled form styling, that were interfering with Sharepoint Editing default one
     ° automatic cta style for link on .box_footer (all <a> tags are now styled as cta button)
     ° added #page_content for non 3 columns layouts (and all relevant / required subclasses)
     ° added .box_content img to automatically float images on the left (+margin) without the need for the user to use a table
   - 1.2 Replaced hr-button-bar with hr-button-bar-r (fixed sized vs repeating background) too many hassle with translation (and reused for year selector :)
   - 1.3 Added basic sitemap style definition

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

#home_flash 
{
	height: 345px;
	margin: 0 5px;
	/*background: #000;*/
}

.box 
{
	width: 273px;
	float: left;
}

.box h2 
{
	height: 39px;
	line-height: 39px;
	background: url(../images/bg-box-title.gif);
	color: #003779;
	font-weight: normal;
	font-size: 13px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.box_content 
{
	padding: 0 15px;
}

.box_content p 
{
	line-height: 15px;
	margin-bottom: 15px;
}

.box_content ul 
{
	list-style: none;
	margin-left: 20px;
}
.box_content li
{
	margin-bottom: 15px;
	padding-left: 8px;
	background: url(../images/arrow.gif) 0 4px no-repeat;
	line-height: 15px;
}

.box_content .new, .box_content .new2 
{
	margin-bottom: 15px;
	border-bottom: 1px solid #d5dfe8;
}
.box_content .last 
{
	border: 0;
}

.box_content .new .date 
{
	font-weight: bold;
	color: #003779;
	margin-bottom: 10px;
	padding-left: 8px;
	background: url(../images/arrow.gif) 0 3px no-repeat;
}

.box_content .new .content p, .box_content .new2 .content p 
{
	font-size: 10px;
	line-height: 14px;
}

.box_content .new .content a 
{
	font-weight: bold;
}

.box_content .new2 
{
	padding-bottom: 5px;
	min-height: 78px;
}

.box_content .new2 p 
{
	margin-bottom: 10px;
}

.box_content .new2 .thumbnail 
{
	float: left;
	width: 68px;
	height: 68px;
	margin-right: 10px;
}

.box_content .new2 .thumbnail img 
{
	display: block;
	width: 68px;
	height: 68px;
}

.box_content .new2 .title 
{
	font-weight: bold;
	color: #003779;
}

.box_content ul.list 
{
	margin: 0;
}

.box_content ul.list li 
{
	margin-bottom: 10px;
	padding-left: 8px;
	background: url(../images/bullet.gif) 0 4px no-repeat;
	font-size: 10px;
	line-height: 14px;
}

.box_content .text_content 
{
	padding-bottom: 5px;	
}

.box_content .text_content p 
{
	margin-bottom: 10px;
}

.box_content .text_content .thumbnail 
{
	float: left;
	margin-right: 10px;
}

.box_content .text_content .thumbnail img 
{
	display: block;
}

.box_content img 
{
	float: left;
	margin-right: 10px;
	margin-bottom : 10px;
	display: block;
}


.box_content .text_content .title 
{
	font-weight: bold;
	color: #003779;
}

.box_footer 
{
	padding: 0 20px;
}

.box_footer a 
{
	display: block;
	border: 1px solid #d5dfe8;
	text-align: right;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
	padding-right: 35px;
	margin-bottom: 1px;
	overflow: hidden;
	background: url(../images/button2.gif) right 5px no-repeat;
	cursor: pointer;
}

#middle_box 
{
	width: 364px;
	background: url(../images/bg-middle-box.gif);
}

#middle_box h2 
{
	background: url(../images/bg-middle-box-title.gif);
}

#middle_box .box_footer 
{
	height: 60px;
	background: url(../images/bg-middle-box-bottom.gif);
}

#middle_box .box_footer a 
{
	background-position: 294px 5px;
}

.box2 
{
	margin: 12px 5px 12px 12px;
}
.box2 h2 
{
	background: url(../images/bg-results-head.gif);
	color: #034183;
	font-size: 14px;
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
}

.box2 .box_content 
{
	padding: 15px 12px 0 13px;
	border: 1px solid #D5DFE8;
	border-top: 0;
}

.box2 ul 
{
	margin-left: 0;
	margin-bottom: 15px;
}

.box2 li 
{
	margin-bottom: 5px;
}

.dexia_box 
{
	width: 230px;
	background: url(../images/bg-dexia-box-bottom.gif) bottom no-repeat;
	margin-bottom: 15px;
}

.dexia_box_inner 
{
	padding: 20px 20px 10px;
	background: url(../images/bg-dexia-box-top.gif) top no-repeat;
}

.dexia_box h3 
{
	font-size: 14px;
	color: #034183;
	margin-bottom: 10px;
}

.dexia_box p 
{
	margin-bottom: 10px;
}

.vlist 
{
	border: 1px solid #D5DFE8;
	border-top: 0;
}

.vlist .last 
{
	border: 0;
}

.vitem 
{
	font-size: 10px;
	padding: 12px 12px 12px 75px;
	position: relative;
	border-bottom: 1px solid #D5DFE8;
	min-height: 51px;
	height: auto!important;
	height: 51px;
}

.vitem img 
{
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	border: 1px solid #034183;
}

.vitem h3 
{
	color: #034183;
	font-size: 12px;
}

.vitem .role 
{
	font-weight: bold;
	margin-bottom: 4px;
}

.vitem blockquote 
{
	color: #034183;
}

.vitem .duration 
{
	position: absolute;
	top: 12px;
	right: 10px;
	width: 34px;
	height: 16px;
	background: url(../images/bg-duration.gif);
	font-size: 9px;
	color: #FFF;
}

.vitem .duration span 
{
	display: block;
	width: 32px;
	height: 14px;
	line-height: 14px;
	text-align: center;
}

/* RESULTS */

#results 
{
	padding-top: 10px;
	margin: 0 12px 0 5px;
}
#results_head, #results_paginate 
{
	position: relative;
	height: 37px;
	background: url(../images/bg-results-head.gif);
}
#results_head 
{
	margin-bottom: 1px;
}

#results_title 
{
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 37px;
}
#results_match 
{
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;
	line-height: 37px;
}

#results_match strong 
{
	font-size: 18px;
	font-weight: normal;
	color: #0a386a;
}

#results_sort 
{
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 37px;
}

#results_content 
{
	float: left;
	width: 66%;
	color: #1b1b1b;
}

#results_content ul 
{
	list-style: none;
}

#results_content li 
{
	background: #eef2f6 url(../images/bg-result.gif) 0 13px no-repeat;
	margin: 0 2px 2px 0;
	border-bottom: 1px solid #c8d5e3;
	padding: 13px 0 20px 30px;
	position: relative;
}

#results_content li li 
{
	background: transparent none;
	margin: 0;
	padding: 0;
	border: 0;
	position: static;
	font-size: 10px;
}

#results_content li h3 
{
	font-size: 11px;
	text-transform: uppercase;
	color: #0a386a;
	margin-bottom: 10px;
}

#results_content li .date 
{
	position: absolute;
	top: 12px;
	right: 12px;
	color: #999;
}

#results_refine 
{
	float: left;
	width: 34%;
	background: #d5dfe8;
	color: #1b1b1b;
	margin-bottom: 2px;
}

#results_refine_inner 
{
	padding: 12px;
}

#results_refine ul 
{
	list-style: none;
	margin-bottom: 15px;
	overflow: hidden;
}

#results_refine li 
{
	display: block;
	float: left;
	width: 50%;
	margin-bottom: 5px;
}

#results_refine h3 
{
	clear: both;
	font-size: 10px;
	color: #0a386a;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #0a386a;
}

#results_refine .button 
{
	margin-top: 0!important;
	margin-top: 15px;
}

#results_paginate, #results_more 
{
	clear: both;
}

#results_paginate_previous, #results_paginate_next 
{
	position: absolute;
	top: 0;
	height: 37px;
}

#results_paginate_previous a, #results_paginate_next a 
{
	display: block;
	line-height: 37px;
	font-weight: bold;
}
#results_paginate_previous 
{
	left: 5px;
}

#results_paginate_previous a 
{
	padding-left: 32px;
	background: url(../images/previous.gif) left 6px no-repeat;
}

#results_paginate_next 
{
	right: 5px;
}

#results_paginate_next a 
{
	padding-right: 32px;
	background: url(../images/next.gif) right 6px no-repeat;
}

#results_paginate_overview p 
{
	text-align: center;
	line-height: 37px;
	font-weight: bold;
}

#thanks 
{
	padding:22px 12px 0;
}

#thanks h2 
{
	font-size: 14px;
	margin-bottom: 22px;
}

#thanks p 
{
	margin-bottom: 22px;
	line-height: 15px;
}

#thanks strong 
{
	color: #0c4582;
}

#abroad {
	margin: 12px 12px 0 5px;
	zoom:1;
}

#abroad h2 
{
	height: 37px;
	background: url(../images/bg-results-head.gif);
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 37px;	
}

#abroad ul 
{
	border: 1px solid #d5dfe8;
	border-top: 0;
	list-style: none;
}

#abroad li 
{
	height: 30px;
}

#abroad li a 
{
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 32px;
	background: url(../images/bg-result.gif) left 9px no-repeat;
}
#abroad li a:hover 
{
	background-color: #EEF2F6;
}
	
#cta 
{
	margin-right: 5px;
}

#form_flash 
{
	background: #000;
	height: 366px;
	margin-right: 5px;
}
#flow_flash 
{
	background: #000;
	height: 281px;
	margin: 6px 5px 6px 0;
}

#errors 
{
	margin: 12px 0 0 17px;
	list-style: none;
}
#errors li 
{
	color: #F00;
	font-weight: bold;
}

#cv_form 
{
	margin: 12px 0 0 5px;
}
.cv_form_section 
{
	position: relative;
}
#cv_form h2 
{
	height: 37px;
	background: url(../images/bg-results-head.gif);
	padding-left: 10px;
	font-size: 14px;
	line-height: 37px;
	color: #034183;
}
#cv_form .mandatory 
{
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 37px;
	color: #034183;
}

.fields 
{
	border-left: 1px solid #d5dfe8;
	border-right: 1px solid #d5dfe8;
	padding: 10px 0;
}
.couple 
{
	clear: both;
	overflow: hidden;
}
.error 
{
	background: #FFBDBE;
	zoom: 1;
}

/* SUB-SUB-NAV */

#subsubnav {
	margin:7px 0 0 5px;
	height: 327px;
	background: url(../images/bg-subsubnav.gif);
	padding: 13px 20px 20px 15px;
}
#subsubnav h2 {
	font-size: 16px;
	color: #034183;
	margin-bottom: 15px;
}
#subsubnav ul {
	border-top: 1px solid #d5dfe8;
	list-style: none;
}
#subsubnav li {
	display: block;
	border: 1px solid #d5dfe8;
	border-top: 0;
	text-align: left;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
	cursor: pointer;
}
#subsubnav li.selected {
	background: url(../images/bg-button-hcta.gif) repeat-x;
}
#subsubnav li a {
	display: block;
	height: 32px;
	padding-left: 12px;
}
#subsubnav li.selected a {
	background: url(../images/bg-subsubnav-item.gif) right no-repeat;
}

#textual_content .shadow_col2_inner_inner {
	padding-top: 12px;
}

#textual_content .box2 {
	margin: 0 0 0 13px;
}
#textual_content .visu {
	display: block;
	margin-bottom: 15px;
}
#textual_content p {
	line-height:15px;
	margin-bottom:15px;
}


/* Publishing Page Content */

#page_content 
{
	margin: 10px 20px 10px 20px;
}

#page_content .breadcrumb{
	float:left;
	height:14px;
	padding: 25px 0 15px 3px;
	background:url(../images/hr_Hdash.gif) repeat-x bottom left;
}

#page_content .breadcrumb ul{
	float:left;
	padding:0;
	margin:0;
}
#page_content .breadcrumb ul li{
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#0D4588;
	list-style-type:none;
}
#page_content .breadcrumb ul li a{
	padding-right:13px;
	margin-right:7px;
	color:#0D4588;
	font-weight:normal;
	background:url(../images/hr_breadcrumb_separ.gif) no-repeat right;
}
#page_content .breadcrumb ul li a:hover{
	color:#1D7CDA;
}

#page_content .category{
	float:left;
	padding:10px 0 10px 0;
	font-size:18px;
	color:#0d4588;
	font-weight:bold;
	/*text-transform:uppercase;*/
}

#page_content .buttonsBar{
	float:left;
	position:relative;
	clear:both;
	width:100%;
	height:42px;
	/*background:URL(../images/hr_buttons_bar.jpg) no-repeat;*/
	background:URL(../images/hr_buttons_bar-r.jpg) repeat-x;
	
}

#page_content .buttonsBar ul{
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	background:URL(../images/hr_buttons_bar_separ.jpg) no-repeat right;
}

#page_content .buttonsBar ul li{
	float:left;
	list-style-type:none;
	font-size:11px;
	color:#5d6063;
	padding: 5px 19px 5px 20px;
	background:URL(../images/hr_buttons_bar_separ.jpg) no-repeat;
}

#page_content .buttonsBar ul li.letter{
	padding: 5px 10px 5px 10px;
}

#page_content .buttonsBar ul li a{
	text-decoration:none;
	color:#0d4588;
}
#page_content .buttonsBar ul li.Selected{
	background:URL(../images/hr_buttons_bar_h.jpg) no-repeat;
}
#page_content .buttonsBar ul li.Selected a{
	font-weight:bold;
}

#page_content .buttonsBar ul li a.first,
#page_content .buttonsBar ul li a.previous,
#page_content .buttonsBar ul li a.list,
#page_content .buttonsBar ul li a.next,
#page_content .buttonsBar ul li a.last,
#page_content .buttonsBar ul li span.firstDisabled,
#page_content .buttonsBar ul li span.previousDisabled,
#page_content .buttonsBar ul li span.nextDisabled,
#page_content .buttonsBar ul li span.lastDisabled
{
	float:left;
	width:90px;
	text-align:center;
}

#page_content .buttonsBar ul li a.first
{
	padding-left:10px;
	background:URL(../images/hr_arrow_blue_first.gif) no-repeat left;
}
#page_content .buttonsBar ul li a.previous
{
	padding-left:13px;
	background:URL(../images/hr_arrow_blue_previous.gif) no-repeat left;
}
#page_content .buttonsBar ul li a.next
{
	padding-right:13px;
	background:URL(../images/hr_arrow_blue_next.gif) no-repeat right;
}
#page_content .buttonsBar ul li a.last
{
	padding-right:10px;
	background:URL(../images/hr_arrow_blue_last.gif) no-repeat right;
}


#page_content .buttonsBar ul li span.firstDisabled
{
	padding-left:10px;
	background:URL(../images/hr_arrow_darkgray_first.gif) no-repeat left;
}
#page_content .buttonsBar ul li span.previousDisabled
{
	padding-left:13px;
	background:URL(../images/hr_arrow_darkgray_previous.gif) no-repeat left;
}
#page_content .buttonsBar ul li span.nextDisabled
{
	padding-right:13px;
	background:URL(../images/hr_arrow_darkgray_next.gif) no-repeat right;
}
#page_content .buttonsBar ul li span.lastDisabled
{
	padding-right:10px;
	background:URL(../images/hr_arrow_darkgray_last.gif) no-repeat right;
}

#page_content .article{
	float:left;
	clear:both;
	width:830px;
	padding-bottom:15px;
	margin-bottom:30px;
	background:URL(../images/hr_Hdash.gif) repeat-x bottom;
}

#page_content .articleList{
	float:left;
	clear:both;
	margin:0;
	width:830px;
	padding:1px 0 40px 0;
	background:URL(../images/hr_Hdash.gif) repeat-x;
}
#page_content .articleList li{
	float:left;
	clear:both;
	margin:0;
	width:830px;
	padding:8px 0 12px 0;
	list-style-type:none;
	background:URL(../images/hr_Hdash.gif) repeat-x bottom;
}

#page_content .articleList .date,
#page_content .article .date{
	float:left;
	clear:both;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	color:#1d7cd1;
}
#page_content .articleList .title,
#page_content .article .title{
	float:left;
	clear:both;
	padding:5px;
	font-weight:bold;
	font-size:18px;
	color:#0d4588;
}
#page_content .articleList .title a{
	padding-left:18px;
	color:#0d4588;
	text-decoration:none;
	background:URL(../images/hr_ico_docs.gif) no-repeat 0 4px;
}
#page_content .articleList .title a:hover{
	color:#1d7cd1;
}

#page_content .articleList .text,
#page_content .article .text{
	float:left;
	clear:both;
	width:830px;
	padding-left:5px;
}

#page_content .articleList .text p,
#page_content .article .text p{
	padding:5px;
	padding-left:0px;
	margin:0;
	font-size:11px;
}	
#page_content .article .text .intro{
	font-weight:bold;
}

#page_content .relatedDocuments{
	float:left;
	clear:both;
	/*font-weight:bold;*/
	/*font-size:12px;*/
	width:800px;
}
#page_content .relatedDocuments .title{
	font-size:12px;
	float:left;
	clear:both;
	width:750px;
	padding:5px;
	margin-top:10px;
	color:#1d7cd1;
	background:URL(../images/hr_Hdash.gif) repeat-x bottom;
}
#page_content .relatedDocuments ul{
	float:left;
	clear:both;
	width:548px;
	padding: 0px;
	margin:0;
}
#page_content .relatedDocuments ul li{
	padding:10px 0 0 25px;
	color:#0d4588;
	list-style-type:none;
	background:URL(../images/hr_ico_docs.gif) no-repeat 6px 11px;
}

#page_content .relatedDocuments ul li a{
	color:#0d4588;
	text-decoration:none;
}	
#page_content .relatedDocuments ul li a:hover{
	color:#1d7cd1;
}	


#sitemap
{
    margin-top:20px;
    line-height:200%;
}

#sitemap ul
{
    margin-left:30px;
}