/*
website Name: Blue4You
Theme URI: http://www.blue4you.be/
Description: The default CSS theme/structure for Blue4You website.
Version: 4.0
Author: Benjamin Chasseur
Author URL: http://www.blue4you.be/

color code #50c4f0
*/

body					{ margin:0; padding:0; color:#555; text-align:center; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#FFF url("../images/layout/bgpage.jpg") no-repeat center 0;}
body.bg-jobs			{ background:#FFF url("../images/layout/bg-job.jpg") no-repeat center -60px;}
body.bg-applications	{ background:#fff url("../images/applications/bg-applications.jpg") no-repeat top center;}

/* structure */
#page					{ position:relative; width:770px; margin:0 auto; text-align:left;}
#narrowcolumn			{ float:right; width:526px; margin:0 0 15px;}
#narrowint				{ float:right; width:526px; margin:0 0 15px; padding:60px 0 0; clear:both;}
#sidebar				{ float:left; width:230px; margin:0 0 15px;}
#footer					{ width:100%; clear:both; border-top:1px solid #e5e5e5;}

#movie					{ width:770px;}

#header					{ position:relative; width:770px; height:360px; background:url(../images/homepage/header_alt.png) no-repeat top left;}
#headerint				{ position:relative; width:770px; min-height:360px;}

#narrowcolumn p			{ margin:0 0 10px;}
#narrowint ul			{ color:#036585;}

#header h1				{ position:absolute; top:150px; left:290px; width:270px; margin:0; padding:0; text-align:right; color:#fff;}
#header strong			{ position:absolute; top:190px; left:290px; width:270px; text-align:right; color:#fff;}

#logo h1				{ position:absolute; z-index:3; width:85px; height:61px; margin:20px 0 0; padding:0; background:url(../images/layout/logo_small.png) no-repeat top left;}
#logo h1 a				{ position:relative; display:block; width:85px; height:61px; text-indent:-200em; text-decoration:none;}

#biglogo h1				{ position:absolute; z-index:3; top:160px; width:220px; height:170px; padding:0; background:url(../images/layout/logo_large.png) no-repeat top left;}
#biglogo h1 a			{ position:relative; display:block; width:220px; height:170px; text-indent:-200em; text-decoration:none;}

.shrotcuts				{ display:none;}
.print					{ display:none;}

/* footer */
#footer					{ color:#999; font-size:10px;}
#footer p				{ float:left; margin:0; padding:10px 0;}
#footer ul				{ float:right; list-style:none; list-style-type:none; margin:10px 0; padding:0;}
#footer li				{ float:left; margin:0 0 0 10px;}
#footer a.jobopp		{ color:#a8cf13;}

/* navigatidon */
#navigation				{ position:absolute; top:0; right:0; width:770px; margin:0 auto; z-index:2;}
#navigation ul			{ float:right; width:435px; height:36px; margin:0; padding:0 45px; z-index:2; background:url(../images/layout/bg_navigation.png) no-repeat bottom left;}
#navigation li			{ float:left; list-style:none; list-style-type:none;}
#navigation li a		{ position:relative; display:block; padding:9px 0; margin:0 11px; color:#FFF; text-decoration:none; white-space:nowrap;}
#navigation li a:hover	{ border-bottom:3px solid #FFF; padding:9px 0 6px;}
#navigation li.active a	{ border-bottom:3px solid #FFF; padding:9px 0 6px;}

/* HTML elements */
h3						{ margin:0; padding:0;}
hr						{ display:none;}
.imgleft				{ float:left; margin:0 10px 0 0;}
.imgright				{ float:right; margin:0 0 0 10px;}
.imgborder				{ padding:1px; border:1px solid #fff;}
.textblue				{ color:#036585;}

/* links */
a,a:visited				{ color:#5bbde5; outline:none; text-decoration:underline;}
a:hover					{ text-decoration:none;}
a:active				{}

/* FORM ELEMENTS
------------------------------------------------------------------------*/
form				{ margin:0; padding:0;}
input				{ font:12px Arial, Helvetica, sans-serif; color:#777}
select				{}
textarea			{}

#form_container							{ width:100%;}
#horizontal_form						{ margin:0; padding:0;}

#horizontal_form fieldset				{ display:block; margin:0; padding:0; border:0;}
#horizontal_form fieldset legend		{ margin:0 0 0 -7px; padding:0 10px 0 0; font-size:16px; font-weight:bold;}
#horizontal_form fieldset .radio input	{ clear:both; float:left; width:auto; border:0 !important; margin:0 5px 0 0; padding:0;}
#horizontal_form fieldset .radio		{ font-weight:normal; color:#666; margin:0 10px 0 0; padding:15px 0 0;}

#horizontal_form fieldset.checkbox strong	{ display:block; padding:15px 25px 0 0; color:#04a7b6;}
#horizontal_form fieldset.checkbox input	{ clear:both; float:left; width:auto; border:0 !important; margin:0 5px 0 0; padding:0; height:17px;}
#horizontal_form fieldset.checkbox label	{ display:block; clear:both; font-weight:normal; color:#666; margin:0 10px 0 0; padding:5px 0 0;}

#horizontal_form label					{ display:block; float:left; padding:5px 30px 0 0; margin:0; font-size:12px; color:#999;}
#horizontal_form input					{ display:block; width:210px; border:1px solid #BDBDBD; padding:2px; margin:3px 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#horizontal_form select					{ display:block; width:198px; border:1px solid #BDBDBD; padding:2px; margin:3px 0 4px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#horizontal_form textarea				{ display:block; width:453px; border:1px solid #BDBDBD; padding:3px; margin:3px 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#horizontal_form .label					{ display:block; padding:15px 25px 0 0; margin:0; font-weight:bold; font-size:13px; color:#04a7b6 !important;}
#horizontal_form .fld_dble_line			{ padding-top:31px !important;}

#horizontal_form .contextual			{ display:none; clear:both; width:406px; padding:0; margin:0 25px 15px 0; background:url(../images/formulaire/contextual_header.gif) no-repeat 0 9px;}
.contextual_header_right				{ height:12px; clear:both; background:url(../images/formulaire/contextual_header_right.gif) no-repeat top right;}
.contextual_footer						{ height:3px; overflow:hidden; clear:both; background:url(../images/formulaire/contextual_footer.gif) no-repeat bottom left;}
.contextual_footer p					{ height:3px; background:url(../images/formulaire/contextual_footer_right.gif) no-repeat bottom right;}

#horizontal_form .contextual label		{ display:block; clear:both; color:#8d9fa7; margin:0; padding:4px 7px;}
#horizontal_form .contextual span		{ float:left; padding:3px 0 0;}
#horizontal_form .contextual .content	{ float:left; padding:3px 0; margin:0 5px;}
#horizontal_form .contextual input		{ float:right; margin:0; border-color:#bdccd3; color:#8d9fa7;}
#horizontal_form .contextual select		{ float:right; margin:0; border-color:#bdccd3; color:#8d9fa7;}

.contextual_checkbox					{ display:none; margin:0 0 0 20px; clear:both;}
.contextual_checkbox label				{ padding-top:0 !important;}

#horizontal_form .mandatory				{ color:#C00;}
#horizontal_form .medium_field			{ width:86px;}
.first_begin_form						{ clear:both; float:none !important;}


.valid_form				{ border-top:1px solid #CCC; margin:15px 0 !important; padding:10px 0 0;}
.valid_form input		{ margin:0 !important; padding:0 !important; border:0; cursor:pointer; font:bold 12px Arial, Helvetica, sans-serif !important; color:#FFF; height:24px; border:0 !important;}

.btn_large,.btn_medium,.btn_small,.btn_tiny{ border:0; height:24px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;}
.btn_large				{ width:150px !important; background:url(../images/formulaire/btn_large.gif) no-repeat top left;}
.btn_medium				{ width:110px !important; background:url(../images/formulaire/btn_medium.gif) no-repeat top left;}
.btn_small				{ width:60px !important;  background:url(../images/formulaire/btn_small.gif) no-repeat top left;}
.btn_tiny				{ width:40px !important;  background:url(../images/formulaire/btn_tiny.gif) no-repeat top left;}
.btn_tiny_inverse		{ width:39px !important; background:url(../images/formulaire/btn_tiny_inverse.gif) no-repeat top left; height:22px; text-transform:uppercase; border:0; color:#04a7b6; font:bold 12px Arial, Helvetica, sans-serif;}

.loginform				{ margin:30px 0 50px !important;}
.loginform label		{ clear:both; color:#2c7a9a !important;}
.loginform input		{ border-color:#2c7a9a !important;}

.hiddenfield			{ display:none !important;}

/* ALERT AND ERROR MESSAGE
------------------------------------------------------------------------*/
.msg_error,.msg_attention,.msg_confirm,.msg_desabonnement						{ clear:both; width:390px; margin:15px 0; padding:15px 0 15px 75px;}
.msg_error p,.msg_attention p,.msg_confirm p,.msg_desabonnement p				{ margin:0 !important; padding:0 !important;}
.msg_error ol,.msg_attention ol,.msg_confirm ol,.msg_desabonnement ol			{ margin:0; padding:0 0 0 20px;}
.msg_error ul,.msg_attention ul,.msg_confirm ul,msg_desabonnement ul			{ margin:0; padding:0 0 0 20px;}

.msg_error								{ color:#c34747; border:1px solid #efabab; background:#ffeded url(../images/message/ico_stop.gif) no-repeat 15px 5px;}
.msg_attention							{ color:#c7a115; border:1px solid #ffdd5d; background:#fef3c9 url(../images/message/ico_attention.gif) no-repeat 15px 5px;}
.msg_confirm							{ color:#70a819; border:1px solid #c2e87e; background:#e7ffbd url(../images/message/ico_confirm.gif) no-repeat 15px 5px;}
.msg_desabonnement						{ color:#666; border:1px solid #ededed; background:#f7f7f7 url(../images/message/ico_desabonnement.gif) no-repeat 10px 5px;}

/* homepage */
#title_recentprojects	{ padding:2px 0; text-indent:-200em; background:url(../images/homepage/title_recentprojects.gif) no-repeat 10px center;}
#project_container		{ width:262px; height:278px; float:left; margin:0; background:url(../images/homepage/bg_recentprojects.png) no-repeat top left; padding:24px;}
#newslist				{ display:none;}

/* tagcloud */
#cloud					{ margin:15px 0 0; float:right; width:210px;}
#cloud ul				{ margin:0; padding:0; list-style:none;}
#cloud li				{ float:left; margin:0; padding:7px 3px 6px 0; height:auto; line-height:130%; background:transparent;}
#cloud a				{ display:block; text-decoration:none; color:#8fb8c9;}
#cloud a:hover			{ color:#79d2f6 !important;}

/* sidebar */
#title_interactive		{ margin:0 0 15px; padding:2px 0; text-indent:-200em; background:url(../images/homepage/title_interactive.gif) no-repeat 10px center;}

#sidebar ul				{ margin:0; padding:0; list-style:none;}
#sidebar li				{}
#sidebar li a			{ overflow:hidden;}

#whyb4y					{ width:210px; height:70px; background:url(../images/homepage/bg_whyb4y.png) no-repeat center left;}
#whyb4y	a				{ position:relative; display:block; width:100%; height:70px; text-indent:-200em; border-bottom:1px solid #e6eff5;}

#b4r					{ width:210px; height:90px; background:url(../images/homepage/bg_b4r.png) no-repeat center left;}
#b4r a					{ position:relative; display:block; width:125px; height:49px; padding:41px 0 0 85px; color:#828282; font-size:10px; text-decoration:none; border-bottom:1px solid #e6eff5;}
#b4r a span				{ color:#5d98be;}
#b4r a strong			{ display:none;}

#talentsWanted			{ width:210px; height:70px; background:url(../images/homepage/bg_jobopp.png) no-repeat center left;}
#talentsWanted a		{ position:relative; display:block; width:100%; height:70px; text-indent:-200em; border-bottom:1px solid #e6eff5;}

/*
#b4w					{ width:210px; background:url(../images/blue4wishes/bg-b4w.jpg) no-repeat center left;}
#b4w a					{ position:relative; display:block; width:125px; height:39px; padding:41px 0 0 85px; color:#828282; font-size:10px; text-decoration:none; border-bottom:1px solid #e6eff5;}
#b4w a span				{ color:#5d98be;}
#b4w a strong			{ display:none;}

#customerfirst			{ width:210px; background:url(../images/customerfirst/bg-customerfirst.jpg) no-repeat 12px 10px;}
#customerfirst a		{ position:relative; display:block; width:125px; height:45px; padding:10px 0 10px 85px; color:#828282; font-size:10px; text-decoration:none; border-bottom:1px solid #e6eff5;}
#customerfirst a span	{ color:#5d98be;}
#customerfirst a strong	{ display:none;}
*/
#testimonials			{ display:block; width:125px; height:45px; padding:30px 0 0 85px; color:#828282; font-size:10px; line-height:12px; text-decoration:none; border-bottom:1px solid #e6eff5; background:url(../images/homepage/bg_testimonials.gif) no-repeat center left;}
#testimonials strong	{ display:none;}

a#cms					{ display:block; width:210px; height:70px; background:url(../images/homepage/bg_cms.gif) no-repeat top left; text-indent:-2000em; border-bottom:1px solid #e6eff5;}

/* contacts */
#accessmap				{ position:absolute; top:70px; right:38px; width:486px;}
#accessmap a			{ display:block; width:486px; height:270px; text-indent:-200em; background:url(../images/contacts/contacts-accessmap.png) no-repeat top left; cursor:pointer;}
#coordonnees			{ position:absolute; bottom:30px; color:#2c7a9a;}
#coordonnees p			{ margin:12px 0; padding:0;}
#coordonnees p a		{ color:#ddf0f6;}
#coordonnees span a		{ color:#fff;}
#coordonnees strong		{ font-size:16px; text-transform:uppercase;}

/*
#printmap				{ width:151px; height:34px; padding:9px 0 0 65px; background:url(../images/contacts/contact-printmap.png) no-repeat top left;}
#printmap a				{ line-height:11px;}
#viewprint				{ color:#2c7a9a; text-decoration:none;}
*/
a#viewprint				{ display:block; width:190px; line-height:45px; padding:0 30px 0 0; text-align:right; background:url(../images/contacts/contact-printmap.png) no-repeat top left; cursor:pointer;}
#dwld_reader			{ font-size:10px; color:#81c0d8;}
#dwld_reader a			{ color:#81c0d8;}

#title_contactskype		{ height:18px; text-indent:-200em; background:url(../images/contacts/title_contactskype.gif) no-repeat center left;}
#title_contactform		{ height:18px; text-indent:-200em; background:url(../images/contacts/title_contactform.gif) no-repeat center left;}

#skypelinks				{ margin:0; padding:0; list-style:none; list-style-type:none;}
#skypelinks li			{}
a.btn_skypecall			{ display:block; width:203px; height:26px; margin:10px 0 0; padding:6px 5px; font-weight:bold; text-decoration:none; background:url(../images/contacts/bg_skypebutton.gif) no-repeat top left;}
a.btn_skypecall img		{ float:left;}
a.btn_skypecall span	{ display:block; margin:0 0 0 35px; font-weight:normal;}
a.btn_skypecall span em	{ display:block; font-style:normal; font-size:10px; line-height:10px;}

#itineraire						{ width:220px; padding:5px 0;}
#itineraire input.txt			{ display:block; width:206px; padding:2px; margin:3px 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #bdbdbd;}
#itineraire	input.btn_medium	{ margin:5px 0 0;}

/* portfolio */
#clientslist			{ width:230px; padding:110px 0 0;}
#clientslist h3			{ color:#2c7a9a; font-size:16px; text-transform:uppercase;}
#clientslist ul			{ margin:10px 0; padding:0; list-style:none; list-style-type:none;}
#clientslist ul li		{ line-height:16px;}
#clientslist ul li a	{ display:block; width:230px; padding:0 0 0 5px; color:#2c7a9a; text-decoration:none;}
#clientslist ul li a:hover,#clientslist ul li.active a	{ color:#2c7a9a; font-weight:bold; border-left:3px solid #2c7a9a; /*background:#FFF;*/}


#clientdetails			{ float:right; width:525px; padding:75px 0 0; color:#FFF;}
#clientdetails h3		{ font-size:24px; text-transform:uppercase; font-weight:normal;}
#clientdetails ul		{ margin:0; padding:0; list-style:none; list-style-type:none;}
#clientdetails ul li	{ font-size:14px; font-weight:bold;}
#clientdetails #clientdesc	{ line-height:16px;}

#picontainer			{ width:508px; height:330px; padding:5px; background:url(../images/portfolio/bg_portfolio.png) no-repeat center center;}
#marquee				{ width:508px; height:330px; }
#marquee a				{ position:relative !important;}
.smallimg				{ width:254px; height:165px; float:left;}
a img					{ border:0;}

/* solutions */
#solutionslist			{ display:none;}

/* overview */
#title_overview			{ margin:0 0 15px; height:45px; text-indent:-200em; background:url(../images/overview/title_overview.gif) no-repeat center left;}
.overview				{ color:#036585;}

/* job */
#title_job				{ margin:0 0 10px; height:56px; text-indent:-200em; background:url(../images/job/title_job.gif) no-repeat center left;}
h3.toggler.atStart		{ padding:0 0 0 15px; cursor:pointer; background:url(../images/job/ico-arrow.gif) no-repeat center left;}
.element.atStart		{ margin:7px 0 0 17px;}
.element.atStart strong	{ color:#036585;}

.box_title				{ overflow:hidden;}
.box_title h3			{ height:28px;}
.box_body				{}
/* Customer area */
#title_customer			{ margin:0 0 10px; height:56px; text-indent:-200em; background:url(../images/customerarea/title_customer.gif) no-repeat center left;}

/* Why choose Blue4You */
#title_whyb4y			{ height:84px; text-indent:-200em; background:url(../images/whyblue4you/title_whyb4y.gif) no-repeat center left;}
.why-accordion h3		{ font-size:16px !important;}

/* testimonials */
.testimonials						{ width:100%; overflow:hidden; padding:35px 0 0;}
.testimonials h3					{ float:right; width:525px; height:60px; margin:20px 0 0; text-indent:-200em; background:url(../images/testimonials/title-testimonials.gif) no-repeat top left;}
.testimonials h4					{ float:right; width:525px; overflow:hidden; margin:10px 0 20px; font-size:16px; color:#fff;}
.testimonials ul					{ float:left; width:100%; margin:0; padding:0; list-style:none;}
.testimonials li					{ width:100%; margin:0 0 15px; padding:0 0 5px; overflow:hidden; list-style:none; border-bottom:1px solid #e5e5e5;}
.testimonials img					{ float:left; width:125px; margin:5px 0 0; padding:0 60px;}
.testimonials p						{ float:right; width:525px; margin:0; padding:0; color:#036585; font-style:italic; overflow:hidden;}
.testimonials span.al-left			{ float:left; padding:10px 0 0; color:#036585; font-size:10px; font-style:normal; text-align:right;}
.testimonials span.al-right			{ float:right; padding:10px 0 0; color:#036585; font-size:10px; font-style:normal; text-align:right;}
.last-li							{ border:none !important;}

/* icarousel job opportunities */
#icarousel-job 						{ position:relative; overflow:hidden; width:225px; height:500px; background:#fff;}
#icarousel-job img					{ margin:0; padding:0;}

.mask-top							{ position:absolute; left:0; z-index:999; top:0; width:225px; height:130px; background:url(../images/job/icarousel-mask-top.png) no-repeat top left;}
.mask-bottom						{ position:absolute; left:0; z-index:999; bottom:0; width:225px; height:130px; background:url(../images/job/icarousel-mask-bottom.png) no-repeat bottom left;}

#icarousel-job-content 				{ position:absolute; top:0; left:0;}
.icarousel-job-item		 			{ height:500px;}
.icarousel-job-item	a	 			{ display:block; width:225px; height:500px;}

/* slimbox (lightbox) job opportunities */
#lbOverlay 							{ position:absolute; left:0; width:100%; z-index:111111; background-color:#000; cursor:pointer;}
#lbCenter, #lbBottomContainer 		{ position:absolute; left:50%; z-index:111112; overflow:hidden; background-color:#fff;}
.lbLoading 							{ background:#fff url(../images/layout/loading.gif) no-repeat center;}
#lbImage 							{ position:absolute; left:0; top:0; border:5px solid #fff; background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink 			{ display:block; position:absolute; top:0; width:50%; outline:none;}

#lbPrevLink							{ left:0; background:transparent url(../images/layout/lb-previous.gif) no-repeat 0% 50%; /*opacity:0.5; filter:alpha(opacity=50);*/}
#lbPrevLink:hover					{ background:transparent url(../images/layout/lb-previous.gif) no-repeat 0% 50%; /*opacity:1; filter:alpha(opacity=80);*/}
* html #lbPrevLink:hover			{ background:transparent url(../images/layout/lb-previous.gif) no-repeat 0% 50%; /*filter:alpha(opacity=80);*/}

#lbNextLink							{ right:0; background:transparent url(../images/layout/lb-next.gif) no-repeat 100% 50%; /*opacity:0.5; filter:alpha(opacity=50);*/}
#lbNextLink:hover					{ background:transparent url(../images/layout/lb-next.gif) no-repeat 100% 50%; /*opacity:1; filter:alpha(opacity=80);*/}
* html #lbNextLink:hover			{ background:transparent url(../images/layout/lb-next.gif) no-repeat 100% 50%; /*filter:alpha(opacity=80);*/}

#lbBottom 							{ font-family:"Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:5px solid #fff; border-top-style:none;}
#lbCloseLink 						{ display:block; float:right; width:40px; height:20px; background:transparent url(../images/layout/lb-close.gif) no-repeat center; margin:5px 0;}
#lbCaption, #lbNumber 				{ margin-right:71px;}
#lbCaption 							{ font-weight:bold;}

/* page ethic * by tom */
#title_ethic						{ height:84px; padding:2px 0; text-indent:-200em; background:url(../images/ethic/title-ethic.gif) no-repeat 10px center;}
#b4ynorms 							{ position:absolute; z-index:5; top:292px; left:-9px; width:247px; height:70px; padding:0; background:url(../images/ethic/norms.png) no-repeat top left;}

/* applications */
h3#title_applications				{ width:526px; height:70px; margin:0; padding:0 0 10px; text-indent:-2000em; background:url(../images/applications/title-applications.png) no-repeat top left;}

.application						{ position:relative; width:100%; margin:0; padding:0 0 20px;}
.application h2						{ margin:0; padding:5px 0; color:#036585; font-size:18px;}
.application p						{ padding:5px 0; margin:0;}
.application .img					{ width:526px; height:151px; margin:0; padding:0 0 13px; background:url(../images/applications/bg-shape.png) no-repeat bottom center;}
.application .img a img				{ border:3px solid #aee2f4;}
.application .img a:hover img		{ border:3px solid #5bbde5;}
.application a.lk-www				{ padding:0 40px 0 0; background:url(../images/applications/ico-www.gif) no-repeat center right;}