/*
	Project name: BESIX R.E.D.
	Author : Copyright 2007 Blue4You
	Author url : http://www.blue4you.be
	 
	Creation date: 2007-07-24
	Main color code :
	.dark-blue		{ color:#004890;}
	.blue			{ color:#0094D4;}
	.red			{ color:#F05133;}
*/

/*****************************************
page structure
******************************************/

body						{ margin:0; padding:0; color:#555; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/*
déplacé  dans computerland.css et computerland_home.css
body						{ margin:0; padding:0; color:#555; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#fff; background:url(/images/contenu/layout_besixred/background/bg-site.jpg) no-repeat top center; text-align:center;}
*/

#wrapper					{ position:relative; width:914px; margin:0 auto; text-align:left;}
#header						{ position:relative; width:914px; height:160px;}
#content					{ clear:both; float:left; width:880px; height:auto; padding:15px 17px 0; background:url(/images/contenu/layout_besixred/layout/bg-content.png) no-repeat top left;}
#footer						{ clear:both; width:860px; height:41px; margin:10px 17px; padding:10px 10px 0; font-size:10px; border-top:1px solid #e5e5e5; background:url(/images/contenu/layout_besixred/layout/bg-footer.gif) no-repeat bottom left;}

#wide-column-home			{ float:right; width:590px; padding:240px 0 0; position:relative;}
#narrow-column-home			{ float:left; width:280px; margin:240px 0 0;}

#wide-column-int			{ float:right; width:590px; position:relative;}
#narrow-column-int			{ float:left; width:280px; margin:158px 0 0;}

#content a,#content input,#content textarea,#content select	{ position:relative;}

/* logos */
#logo						{ position:absolute; top:175px; left:17px; width:280px; height:230px; background:url(/images/contenu/layout_besixred/layout/bg-logo-home.gif) no-repeat;}
#logo h1,#logo h2			{ margin:0; padding:0;}
#logo h1					{ width:280px; height:66px; margin:50px 0 0;}
#logo h1 a					{ display:block; width:100%; height:100%; background:url(/images/contenu/layout_besixred/layout/besix-logo.gif) no-repeat center center; overflow:hidden; text-indent:-200em;}
#logo h2					{ position:absolute; bottom:10px; left:15px; color:#afafaf; font-size:14px; text-transform:uppercase;}

#logo-int				{ position:absolute; top:175px; left:17px; width:280px; height:158px; background:url(/images/contenu/layout_besixred/layout/bg-logo.gif) no-repeat bottom left;}
#logo-int h1,#logo h2		{ margin:0; padding:0;}
#logo-int h1				{ width:280px; height:66px; margin:30px 0 0;}
#logo-int h1 a				{ display:block; width:100%; height:100%; background:url(/images/contenu/layout_besixred/layout/besix-logo.gif) no-repeat center center; overflow:hidden; text-indent:-200em;}
#logo-int h2				{ position:absolute; bottom:10px; left:15px; color:#afafaf; font-size:14px; text-transform:uppercase;}

#logo-small				{ position:absolute; top:175px; left:17px; width:165px; height:70px; background:url(/images/contenu/layout_besixred/layout/bg-logo-small.gif) no-repeat bottom left;}
#logo-small h1				{ width:165px; height:70px;}
#logo-small h1 a			{ display:block; width:100%; height:100%; text-indent:-200em;}
#logo-small h2				{ display:none;}


/* pathway */
#pathway					{ position:absolute; bottom:-5px; left:307px; width:590px; font-size:8px; color:#333;}
#pathway strong				{ display:none;}
#pathway ul					{ margin:0; padding:12px 5px 0; width:580px; height:16px; list-style:none; background:url(/images/contenu/layout_besixred/layout/bg-pathway.png) no-repeat top left;}
#pathway li					{ float:left; padding:0 10px; border-right:0px solid #ccc; line-height:10px;}
#pathway a					{ position:relative; color:#69c6ee;}

/* navigation */
#navigation ul				{ margin:10px 0; padding:0 17px 0 0; list-style:none; float:right; clear:both;}
#navigation ul li			{ float:left;}
ul#main-nav li a						{ display:block; float:left; padding:9px 12px; font-size:14px; color:#fff; text-decoration:none; background:url(/images/contenu/layout_besixred/layout/bg-navigation-item.png) no-repeat top center;}
ul#main-nav li a:hover					{ background-position:bottom center;}

ul#main-nav li.active-nav-item a		{ background-position:bottom center;}
ul#main-nav a#nav-item-first			{ background-position:top left;}
ul#main-nav a#nav-item-last				{ background-position:top right;}
ul#main-nav a#nav-item-first:hover,ul#main-nav li.active-nav-item a#nav-item-first	{ background-position:bottom left;}
ul#main-nav a#nav-item-last:hover,ul#main-nav li.active-nav-item a#nav-item-last	{ background-position:bottom right;}

/* language */
#toolbar						{ float:right; margin:30px 17px 0 0;}
#toolbar ul						{ margin:0; padding:0; float:left; clear:none;}
#toolbar ul li					{ background:url(/images/contenu/layout_besixred/layout/bg-toolbar-item.png) no-repeat top center;}
#toolbar li a					{ display:block; float:left; padding:2px 5px 3px; color:#aaa; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:none;}
#toolbar li a:hover				{ color:#fff;}
#toolbar li.nav-item-first		{ background-position:top left;}
#toolbar li.nav-item-last		{ background-position:top right;}
#toolbar li#active-nav-item a	{ color:#fff;}

#print a						{ width:15px; text-indent:-200em; background:url(/images/contenu/layout_besixred/icons/ico-print.gif) no-repeat center center;}

#language,#textsize12:49 10/03/2008				{ border-right:1px solid #555;}

/* sub-navigation */
.sub-navigation				{ margin:10px 0 0;}
.sub-navigation ul			{ margin:0; padding:0; list-style:none;}
.sub-navigation li			{ border-bottom:1px solid #eee;}
.sub-navigation a			{ position:relative; font-weight:bold; display:block; padding:5px 5px 5px 25px; text-decoration:none; background:url(/images/contenu/layout_besixred/layout/arrow-subnav.gif) no-repeat 5px bottom;}
.sub-navigation a:hover		{ background:#f2fafd url(/images/contenu/layout_besixred/layout/arrow-subnav.gif) no-repeat 5px bottom;}
.sub-navigation .active-subnav-item a	{ background:#f2fafd url(/images/contenu/layout_besixred/layout/arrow-subnav.gif) no-repeat 5px bottom;}
.sub-navigation .active-subnav-item ul li.active-subnav-item a	{ background:#f2fafd !important;}

.sub-navigation ul li ul	{ margin:0 0 0 25px !important; padding:0 !important;}
.sub-navigation ul li ul li	{ margin:0 !important; padding:0 !important; border:none; border-top:1px solid #efefef !important;}
.sub-navigation ul li ul li a	{ margin:0 !important; font-size:11px !important; color:#999 !important; padding:2px 3px 2px 0 !important; font-weight:normal !important; background:none !important;}

.sub-navigation ul.close	{ display:none;}

/* footer */
#footer p					{ font-size:10px !important;}
#footer a					{ color:#999;}
.copyright					{ float:left; width:250px; margin:0; padding:0;}
#nav-footer					{ float:right; width:560px; margin:0; padding:8px; border-left:3px solid #ccc;}

/*****************************************
html elements
******************************************/

h1,h2,h3,h4					{ margin:0; padding:0;}
h3		{ padding:0 0 0 5px; font-size:18px; text-transform:uppercase; color:#0094d4;
 border-left:3px solid #0094d4; line-height:18px;}
h3 span						{ font-weight:normal; color:#333;}
div.green h3				{ color:#8CB636; border-color:#8CB636;}
p							{ margin:5px 0 10px;}
#wide-column-int h3,#narrow-column-int h3
							{ margin:15px 0 10px;}
#wide-column-int h3			{ width:582px;}

a, a:visited				{ outline:none; color:#0094d4;}
a:hover						{ text-decoration:none;}

/*****************************************
formatted elements
******************************************/
blockquote								{ display:block; margin:0 20px; padding:0 15px; border-left:3px solid #ccc;}
blockquote p strong						{ display:block;font-size:16px;}

.narrow-box					{ padding:7px 0 0; background:url(/images/contenu/layout_besixred/layout/narrow-box-top.gif) no-repeat top left;}
.narrow-box-bottom			{ height:7px; background:url(/images/contenu/layout_besixred/layout/narrow-box-bottom.gif) no-repeat bottom left;}
.narrow-box-content			{ margin:0 10px;}

.wide-box					{ padding:10px 0 0; background:url(/images/contenu/layout_besixred/layout/wide-box-top.gif) no-repeat top left;}
.wide-box-bottom			{ height:10px; background:url(/images/contenu/layout_besixred/layout/wide-box-bottom.gif) no-repeat bottom left;}
.wide-box-content			{ margin:0 10px;}
.wide-box h3				{ margin:0 !important;}

.wide-bluebox				{ margin:0 10px; padding:10px 0 0; background:url(/images/contenu/layout_besixred/layout/wide-bluebox-top.gif) no-repeat top left;}
.wide-bluebox-bottom		{ height:10px; background:url(/images/contenu/layout_besixred/layout/wide-bluebox-bottom.gif) no-repeat bottom left;}
.wide-bluebox-content		{ margin:0 10px;}
.wide-bluebox h3			{ margin:0 !important;}

#leftbox { margin:10px 0 0; padding:15px; background:url(/images/contenu/layout_besixred/layout/bg-footer.gif);}


/*****************************************
banners
******************************************/
#banner-home				{ position:absolute; top:-60px; left:0; width:590px; height:290px; z-index:2;}
#banner-int					{ width:590px; height:158px;}

#banner-int .titlebanner					{ display:block; position:relative; top:30%; left:67%; margin:0; padding:0; text-transform:none; border:none;}
#banner-int .titlebanner span.phr-2			{ display:block; position:absolute; top:13px; line-height:120%; font-size:45px; font-weight:normal; color:#fff;}
#banner-int .titlebanner span.phr-1			{ display:block; position:absolute; left:-5px; margin:0 0 0 -30px; width:200px; font-size:28px; line-height:normal; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; color:#fff;}

.banner-project				{ height:241px !important;}

/*****************************************
news
******************************************/
#news p strong				{ display:block; font-size:14px; color:#333333; }
#titleNews a { color:#333333; text-decoration:none; font-size:14px;}

/*****************************************
references
******************************************/
#reference					{ width:560px; height:150px; margin:10px 0 0; padding:15px; background:url(/images/contenu/layout_besixred/reference/bg-reference.gif) no-repeat top left;}
#reference p				{ margin:17px 280px 17px 15px;}

/*****************************************
for sale box
******************************************/
.view-all-project			{ font-size:12px !important;}

/*****************************************
for sale (mainpage)
******************************************/
.search-toolbar-content	{
	margin-top:4px;
	padding-top:4px;
	height: 32px;
	width:590px;
	background:url(/images/contenu/layout_besixred/forsale/bg_search_toolbar.gif) no-repeat top left;
}
.search-toolbar select		{ border:1px solid #ccc; padding:1px; color:#666; font:12px Arial, Helvetica, sans-serif;}
.search-toolbar-content span{color:#fff; margin-left:8px;}

.tbl-project				{ border-collapse:separate;}
.tbl-project caption		{ display:none;}

.tbl-project th				{ color:#fff; font-size:14px; padding:6px; background:url(/images/contenu/layout_besixred/forsale/table-project-th.gif) no-repeat top center;}
.tbl-project td				{ text-align:center;}
.first-th					{ background-position:top left !important;}
.last-th					{ background-position:top right !important;}
.tr-alt						{ background:#ecf2f4;}



.project-desc			{ text-align:left !important;}
.project-desc a			{ text-decoration:underline; font-size:18px; text-decoration:underline; color:#4a4a4a !important;}
/*
 .project-desc a strong		{ display:block; font-size:14px; text-decoration:underline; color:#0094d4;}
*/
.project-desc a:hover		{ text-decoration:none;}
.project-desc a:hover strong	{ text-decoration:none;}

tfoot td					{ color:#777; font-size:11px; padding:3px 6px; text-align:left !important; background:url(/images/contenu/layout_besixred/forsale/table-project-tf.gif) no-repeat top center;}
.first-tf					{ background-position:bottom left !important;}
.last-tf					{ background-position:bottom right !important;}

.pagination					{ margin:6px 0 0; padding:6px 0 0; border-top:1px solid #ededed; color:#aaa; text-align:right;}

#contactus-text				{ margin:0 10px; padding:0 0 0 50px; font-weight:bold; font-style:italic; line-height:15px; background:url(/images/contenu/layout_besixred/icons/ico-contactus.gif) no-repeat top left;}
#contactus-text a			{ display:block;}

#usefullinfo-text			{ margin:0 10px; padding:0 0 0 50px; list-style:none; background:url(/images/contenu/layout_besixred/icons/ico-usefullinfo.gif) no-repeat top left;}
#usefullinfo-text a.more-info			{ display:block; padding:0 0 0 20px; background:url(/images/contenu/layout_besixred/icons/arrow-right.gif) no-repeat center left;}

#accessmap-text				{ margin:0 10px; padding:0 0 0 50px; font-weight:bold; font-style:italic; line-height:15px; background:url(/images/contenu/layout_besixred/icons/ico-accessmap.gif) no-repeat top left;}
#send-to-friend-text		{ margin:0 10px; padding:0 0 15px 50px; font-weight:bold; font-style:italic; line-height:15px; background:url(/images/contenu/layout_besixred/icons/ico-send-to-friend.gif) no-repeat top left;}

#project-avance {Z-INDEX: 20; POSITION: absolute; TOP: 0px; left:510px; width:78px; height:64px; background-image:url(/images/contenu/layout_besixred/project/fond_promo.gif);}
#project-avance SPAN {	color:#CC0000; font-weight:bold; font-size:18px;}

#project-title				{ position:absolute; top:128px; width:590px; height:30px; z-index:20; background:url(/images/contenu/layout_besixred/forsale/slideshow-project-title.png) no-repeat top left;}
#project-title h3			{ position:absolute; border-left:0px; float:left; margin:5px 0 0 10px; padding:0; color:#fff; font-size:15px;}
#project-title em			{ float:right; color:#ccc; margin:6px 10px 0 0;}

.project-table-desc			{}
.project-table-desc td		{ padding:5px; color:#106184;}
.project-table-desc tr.alt	{ background:#dbebf1;}
.project-cell-title			{ font-weight:bold; text-transform:uppercase;}


.project-details-narrow-box			{ margin:10px 0 0;}
.project-details-narrow-box h2		{ margin:15px 0; padding:0 0 0 35px; font-size:18px; text-transform:uppercase; color:#333; background:url(/images/contenu/layout_besixred/icons/ico-info.gif) no-repeat center left;}
.separator h3						{ margin-top:10px !important;}
.separator p						{ margin:0; padding:0;}
.separator							{ padding:0 0 10px; border-top:2px solid #e4e4e4;}

#project-document			{ margin:0; padding:0; list-style:none;}
#project-document 	a		{ display:block; margin:3px 0; padding:5px 0 5px 30px; width:230px; color:#137eab; font-weight:bold; background:url(/images/contenu/layout_besixred/icons/ico-file-standard.gif) no-repeat center left;}

a#building-spec				{ background:url(/images/contenu/layout_besixred/icons/ico-file-building.gif) no-repeat center left;}
a#finishing				{ background:url(/images/contenu/layout_besixred/icons/ico-file-finishing.gif) no-repeat center left;}
a#information				{ background:url(/images/contenu/layout_besixred/icons/ico-file-info.gif) no-repeat center left;}
a#plans					{ background:url(/images/contenu/layout_besixred/icons/ico-file-plans.gif) no-repeat center left;}
a#prices				{ background:url(/images/contenu/layout_besixred/icons/ico-file-prices.gif) no-repeat center left;}

a.backto-project			{ float:right; padding:1px 7px 0 0; width:124px; height:17px; text-align:right; color:#f05133; font-size:10px; text-decoration:none; background:url(/images/contenu/layout_besixred/forsale/bg-backto-project.gif) no-repeat top left;}

/* spécifique ComputerLand */
#newsTitle a { text-decoration:none; color:#0094d3; font-size:14px; font-weight:bold;}
#newsTitle2 a { text-decoration:none; color:#0094d3 }
#newsTitleHome a { text-decoration:none; color:#555; font-size:14px; font-weight:bold;}

.divFormButton				{ margin:0 0 0 0px; width:600px; height:10px; border:none; color:#FFF; font-weight:bold; font-size:11px; background url(/images/contenu/layout_besixred/contact/submit.gif) no-repeat top left;}
.formButton { border:none; height:20px; width:300px; color:#FFF; font-weight:bold; font-size:11px; background:url(/images/contenu/layout_besixred/contact/submit.gif) no-repeat top left;}
hr {color:#cccccc; border: solid 0px; height:1px;}
.choixLangueON {color:#FFFFFF;}


.sitemap-structure						{ margin:0; padding:0; list-style:none;}
.sitemap-structure li					{ width:50%; float:left;}
.sitemap-structure li ul li				{ width:auto; float:none;}

.sitemap-itembox						{ float:left; width:48%; margin:0 0 10px;}
.itembox-right							{ float:right !important;}

.sitemap-itembox h4						{ font-size:12px; padding:0 0 0 25px; background:url(/images/contenu/layout_besixred/icons/ico-sitemap-file.gif) no-repeat center left;}
.sitemap-itembox h4 a					{ display:block; color:#666 !important; border-bottom:1px solid #eee; text-decoration:none;}
.sitemap-itembox ul						{ margin:0; padding:0 0 0 25px; list-style:none;}
.sitemap-itembox ul li a				{ padding:0 0 0 10px; text-decoration:none; background:url(/images/contenu/layout_besixred/icons/ico-arrow-right-sitemap.gif) no-repeat center left;}
.sitemap-itembox ul li a:hover			{ text-decoration:underline;}
.sitemap-itembox ul li ul				{ margin:0 0 5px 0; padding:0 0 0 10px;}
.sitemap-itembox ul li ul li a			{ padding:0; color:#999; background:none;}


#accordion					{ position:relative; background:#f0f0f0; width:280px;}
#accordion h4				{ padding:5px 10px; font-size:12px; cursor:pointer; border-bottom:1px solid #dedede;}
.last-acc					{ border:none !important;}

/*****************************************
referencies
******************************************/
/*.referencies-back				{ float:right; padding:10px 20px 0; text-align:right;}
.areferencies-back a				{ position:arelative;}
.referencies-back h4			{ font-size:18px; font-weight:normal;}
a.back-blue						{ font-size:11px;}

.full-content-small-img			{ width:435px; height:435px; float:left; text-align:center;}
.full-content-small-img img		{ border:5px solid #e5e5e5;}

#reference-detail-tbl			{ width:435px;}
#reference-detail-tbl table td	{ vertical-align:top; border-bottom:1px solid #ccc;}
*/
.referencies-back				{ float:right; padding:10px 20px 0; text-align:right;}
.referencies-back a				{ position:relative;}
.referencies-back h4			{ font-size:18px; font-weight:normal;}
a.back-blue						{ font-size:11px;}

.full-content-small-img			{ width:435px; height:435px; float:left; text-align:center; margin-bottom:160px;}
.full-content-small-img img		{ border:5px solid #e5e5e5;}

#reference-detail-tbl			{ width:435px; float:right;}
#reference-detail-tbl table td		{ vertical-align:top; border-bottom:1px solid #ccc;}
#reference-detail-tbl img		{ float:left; padding:1px;}