/**
 * CSS for corporate website
 */

/* Import global CSS  */
@import url('/css/common/all.css');

/* ================ FONTS ================ */

body,p { font-size:100%; color:#444; }
p { line-height:1.45em; font-size:93%; margin-bottom:1em; }
a { font-weight:bold; color:#677ca8; font-size:93%; }
a:hover { text-decoration:none; }
h1 { font-size:167%; font-weight:bold; text-align:left; font-family:Helvetica, Arial, sans-serif; margin-bottom:1em; background:url('/images/corporate/h1_bg.gif') no-repeat left 25px; color:#2f3d5b; }
h2 { font-size:116%; text-align:left; text-transform:uppercase; margin:2em 0 1em 0; background-color:#eee; border-bottom:solid 1px #ddd; padding:0.4em 0.5em 0.2em; }
h3 { font-size:108%; text-align:left; font-weight:bold; margin-bottom:1em; color:#888; letter-spacing:-1px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }


/* ================ LAYOUT ================ */

html { background-color:#1d2c49; }
div.corpo-size { width:937px; margin:0 auto; }

/* Header */
div#hd { background:url('/images/corporate/banner_bg.gif') repeat-x; height:138px; }
	div#hd img#logo { float:left; margin-top:27px; }

	/* Menu */
	div#hd ul#headerLinks { float:left; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin:50px 0 0 40px; letter-spacing:-0.3pt; }
		div#hd ul#headerLinks li { float:left; margin:0 10px; }
		div#hd ul#headerLinks li a { display:block; text-transform:uppercase; color:#b8bfd0; text-decoration:none; border-bottom:solid 2px #3c507c; font-size:85%; }
		div#hd ul#headerLinks li a:hover,
		div#hd ul#headerLinks li a.selected { display:block; text-transform:uppercase; color:#fff; border-bottom-color:#6c80ab; }

	div#hd a#login-client { background:url('/images/corporate/button_client.gif') no-repeat; width:129px; height:15px; padding:7px 0; float:right; color:#fff; text-decoration:none; text-transform:uppercase; font-size:82% !important; font-weight:normal; }
	div#hd div#flags { padding:27px 20px 0 0; float:right; }
	div#hd div#flags a { padding:5px; }
	div#hd div#flags a img { border:solid 1px #435479; }

div#bd { background-color:#fff; padding:0.5em 0; position:relative; }
	div#bd div#home-menu { height:419px; background:url('/images/corporate/menu_home_bg.gif') bottom right no-repeat; }
		div#bd div#home-menu h1.slogan { font-size:174%; height:85px; margin:0; background:none; }
		
		/* Home menu */
		div#bd div#home-menu div#home-menu-left { float:left; width:466px; }
			div#bd div#home-menu ul.vertical-menu { width:466px; padding-top:14px; }
			div#bd div#home-menu ul.vertical-menu li { float:left; }
			div#bd div#home-menu ul.vertical-menu li a { padding-left:30px; padding-right:27px; margin-top:1px; text-decoration:none; color:#57646b; font-size:106%; width:410px; height:52px; cursor:pointer; font-weight:normal; }
			div#bd div#home-menu ul.vertical-menu li a span { padding-top:13px; padding-bottom:5px; text-decoration:none; color:#57646b; height:34px; font-size:106%; width:406px; display:block; overflow:hidden; }
			div#bd div#home-menu ul.vertical-menu li a:hover { background-image:url('/images/corporate/home_menu_1-hover.gif'); color:#354147; }
			div#bd div#home-menu ul.vertical-menu li.selected a:hover, 
			div#bd div#home-menu ul.vertical-menu li.selected a { background-image:url('/images/corporate/home_menu_1.gif'); }
			div#bd div#home-menu ul.vertical-menu li.selected a span { color:#fff; }
			div#bd div#home-menu div#home-button { padding:15px 0 0 10px; float:left; width:420px; }

			/* First Button : presentation */
			div#bd div#home-menu ul.vertical-menu li a.presentation { height:82px; }
			div#bd div#home-menu ul.vertical-menu li a.presentation span { height:60px; padding-top:17px; }
			div#bd div#home-menu ul.vertical-menu li a.presentation:hover { background-image:url('/images/corporate/home_menu_0-hover.gif'); }
			div#bd div#home-menu ul.vertical-menu li.selected a.presentation,
			div#bd div#home-menu ul.vertical-menu li.selected a.presentation:hover { background-image:url('/images/corporate/home_menu_0.gif'); }

		/* Home */
		div#bd div#home-content { float:left; width:460px; }
			div#bd div#home-content img { padding-top:6px; }
			div#bd ul#home-text { text-align:left; float:left; padding-left:6px; width:212px; overflow:hidden; }
			div#bd ul#home-text li { text-transform:uppercase; color:#6b6b6b; font-size:75%; height:15px; }
			div#bd ul#home-text .title { font-weight:bold; color:#4b76ad; font-size:100%; padding-top:25px; height:20px; font-size:93%; }
			div#bd ul#home-text li b { color:#4b76ad; }
			div#bd ul#home-text .pink b { color:#e8528b; }
			div#bd ul#home-text .green b { color:#97be0d; }
			div#bd ul#home-text .orange b { color:#ce9d04; }
			div#bd ul#home-text .purple b { color:#ae4f95; }
			div#bd ul#home-text li.lines2 { height:40px; text-transform:none; font-size:100%; padding-top:23px; }
			div#bd ul#home-text li.lines3 { height:60px; text-transform:none; font-size:100%; padding-top:23px; }
			div#bd ul#home-text li.spaceLittle { height:5px; }
			div#bd ul#home-text li.spaceAvg { height:21px; }
			div#bd ul#home-text li.spaceBig { height:60px; }
			div#bd ul#home-text li.level2 { height:15px; padding-left:10px; text-transform:none; }
			div#bd ul#home-text li.partner-link { text-align:right; padding-top:5px; }
			div#bd ul#home-text li.partner-link a { text-transform:none; font-weight:normal; text-decoration:underline; font-size:100%; }
			div#bd ul#home-text li.partner-link a:hover { text-decoration:none; }
	
	/* References */
	div#bd div#references { background:url('/images/corporate/references_bg.gif') no-repeat; height:96px; padding-top:3px; margin-top:10px; position:relative; }
	div#bd div#references h2 { margin:0; background:none; border:none; padding:none; text-transform:uppercase; color:#38444c; padding-top:10px; display:inline; float:left; padding-right:35px; text-align:right; }
		div#bd div#references h2 span { font-weight:bold; font-size:116%; }
		
		/* Defilement des logos */
		div#bd div#references .hide { visibility: hidden; position: absolute; top: -400px; right:100px; }
		div#bd div#references #qscroller1 { width:690px; height:65px; position:absolute; right:55px; }
		div#bd div#references .qslide { background: transparent; font-size: 10pt; padding: 3px; }
		div#bd div#references a#references-left { position:absolute; right:751px; top:15px; }
		div#bd div#references a#references-right { position:absolute; right:40px; top:15px; }
		div#bd div#references div.references-logo-one { float:left; padding-right:15px; }
		div#bd div#references span.references-logo { border:solid 1px #d4dae1; float:left; width:68px; height:58px; overflow:hidden; color:transparent; }
		div#bd div#references p.references-text { text-align:center; color:#555; padding-top:10px; font-size:108%; }

	/* Contact */
	div#bd div#contact { }
		div#bd div#contact input,
		div#bd div#contact textarea,
		div#bd div#contact select { width:250px; }
		div#bd div#contact textarea { height:100px; }
		div#bd div#contact input.button { width:auto; }
		div#bd div#contact b.fix-size { width:80px; display:inline-table; text-align:right; }
	
	/* About Us */
	div#bd div#aboutUs { }
		div#bd div#aboutUs div.bio p { font-size:93%; }
	
	/* About Awards */
	div#bd div#aboutAwards { }
		div#bd div#aboutAwards h3 { margin:0; }
	
	/* Partners */
	div#bd div#partners { }
		div#bd div#partners h2 { margin-top:0; }
		div#bd div#partners div.more { text-align:left; padding-bottom:10px; font-size:93%; }
		div#bd div#partners div.description { padding-bottom:10px; font-weight:bold; color:#677ca8; text-align:left; }
		div#bd div#partners div.description { padding-bottom:10px; font-weight:bold; color:#677ca8; text-align:left; }
	
	/* Client login */
	div#bd div#login { }
		div#bd div#login a.little { font-size:93%; font-weight:normal; }
	
/* -- Footer -- */
div#ft { background:url('/images/corporate/footer_bg.gif') repeat-x; height:138px; padding-top:50px; font-size:85%; }
	div#ft ul.vertical-menu { float:left; padding:0 25px; background:url('/images/corporate/footer_separation.gif') no-repeat right -4px; height:120px; width:120px; }
		div#ft ul.vertical-menu li { display:block; float:left; width:135px; background:url('/images/corporate/footer_li.gif') no-repeat left center; padding-left:15px; }
		div#ft ul.vertical-menu li a { width:120px; font-weight:normal; text-decoration:none; font-size:93%; }
		div#ft ul.vertical-menu li a:hover { text-decoration:underline; }
		div#ft ul.vertical-menu li.title { text-transform:uppercase; color:#6b7994; font-weight:bold; margin-bottom:1em; background:none; padding-left:0; }

	div#ft a { color:#acb4c4; padding:2px 0; }

	div#ft ul#twitter { background-image:none; }
		div#ft ul#twitter li { background:none; }
		div#ft ul#twitter li a { background:url('/images/corporate/twitter.gif') no-repeat left center; padding:10px 0 0 60px; height:69px; }