/*
	Red: 				#D82D2F
	Dark Purple: 		#241B86
	Light Purple: 		#6271B7
	Very Light Purple: 	#D0D4E9
	White: 				#FFFFFF
	Light Gray:			#D4D6D7
	Gray: 				#808285
	Black: 				#000000
*/

/* GLOBAL */
* { margin: 0px; padding: 0px; }
body { background-repeat: no-repeat; background-position: center top; background-color: #1d1e95; background-image: url('../images/header_top.jpg'); color: #000000; font-family: Arial, Tahoma; font-size: 11px;}
a { color: #bd1e1f; }

/* GENERAL */
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.dotted-bar { border-top:1px dotted #808285; padding: 10px 0; width:555px}


/* LAYOUT */
#wrapper { margin: auto auto; width: 940px; background-color: #ffffff; }
#header { height: 252px; }
#middle { background-repeat: repeat-x; padding: 0px; margin: 0px; background-color: #ffffff; /* debug inpix overflow:hidden; */ }
#footer { border-top: 1px dotted #686566; background-color: #ffffff; padding: 10px; }

/* ERROR */
ul#errorfield li { list-style: none; color: #ff0000;  }
ul#errorfieldresil li { list-style: none; color: #ff0000; }

/* HEADER */
#header_top { height: 30px; background-repeat: no-repeat; background-image: url(../images/header_top.jpg); }
#header_top a.lang { text-transform: uppercase; margin-top: 70px; float: right; text-align: right; color: #ffffff; text-decoration: none; }
#header_top a.lang:hover { text-decoration: underline; }
#header_bottom { height: 178px; position: relative; background-repeat: no-repeat; background-image: url(../images/header_bottom.jpg); }
#header_bottom img.solution_fr{ position: absolute; left: 210px; top: 50px; width: 190px; height: 17px; }
#header_bottom img.force_fr{ position: absolute; left: 210px; top: 75px; width: 429px; height: 38px; }
#header_bottom img.solution_en{ position: absolute; left: 208px; top: 50px; width: 217px; height: 17px; }
#header_bottom img.force_en{ position: absolute; left: 210px; top: 75px; width: 455px; height: 38px; }

/* NAVIGATION */
#navigation { background-repeat: repeat-x; height: 44px; background-image: url(../images/menu_back.png); position: relative; }
#navigation ul { list-style: none; margin: 0; padding-top: 8px; width: 740px; height: 36px; float: left; }
#navigation ul li { float: left; display: inline; height: 24px; }
#navigation a { color: #ffffff; padding: 3px 3px 5px 3px; height: 19px; font-size: .78em; text-transform: uppercase; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }
#navigation a.last { padding-right: 0px !important; }

#navigation ul li.active { background-position: top left; height: 34px; margin-top: -15px; padding-left: 9px; background-repeat: no-repeat; background-image: url(../images/menu_active_left.png);}
#navigation ul li.active div { background-position: top right; height: 19px; margin-top: 0px; padding: 9px 9px 5px 0px; background-repeat: no-repeat; background-image: url(../images/menu_active_right.png); }
#navigation ul li.active a { color: #ffffff; margin-top: 20px; height: 19px; font-size: .78em; text-transform: uppercase; text-decoration: none; }
#navigation ul li.active a:hover { text-decoration: underline; }

/* LEFT BAND */
#header_leftband { margin-top: 9px; text-align: center; background-repeat: no-repeat; background-image: url(../images/leftband_header.png); width: 190px; height: 199px; position: absolute; z-index: 1; }
#header_leftband img.logo { margin-top: 55px; width: 123px; height: 77px; border: 0px; }

#middle_leftband { margin: 0px; width: 190px; float: left; }
div.leftband_title { text-transform: uppercase; background-image: url(../images/leftband_title.gif); background-repeat: no-repeat; width: 177px; height: 33px; padding-top: 11px; padding-left: 23px; font-size: 12px; color: #5f72ba; font-weight: bold; }
div.leftband_title_bulletin { width: 185px; /* debug inpix padding-left: 15px !important; */ }

div.leftband_header_title { background-image: url(../images/leftband_header_title.jpg); float: left; height: 33px; }
div.leftband_body { font-size: 10px; background-image: url(../images/leftband_back.gif); background-repeat: repeat-y; width: 147px; padding: 0px 23px 20px 23px; }
div.leftband_body p { padding-top: 10px; }
div.leftband_body p.red { padding-top: 10px; color: #d82d2f; }
div.leftband_body h1 { font-size: 12px; font-weight: bold; }
div.leftband_body h1.red { color: #d82d2f; }
div.leftband_body h2 { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #B76282;}

div.leftband_body ul.left_menu { list-style: none; }
div.leftband_body ul.left_menu li{ padding-right: 6px; text-align: right; margin-bottom: 2px; min-height: 28px; background-position: center bottom; background-repeat: repeat-x; background-image: url(../images/left_menu.gif); }
div.leftband_body ul.left_menu li a { min-height: 19px; display: block; padding: 6px 10px 3px 3px; background-image: url('../images/arrow_gray.png'); background-repeat: no-repeat; background-position: right center; color: #686566; text-transform: uppercase; text-decoration: none; }
div.leftband_body ul.left_menu li a:hover { text-decoration: underline; }

div.leftband_body ul.left_menu li.active{ background-image: url(../images/left_menu_active.gif); }
div.leftband_body ul.left_menu li.active a { display: block; background-image: url('../images/arrow_black.png');  color: #000000; text-transform: uppercase; text-decoration: none; }
div.leftband_body ul.left_menu li.active a:hover { text-decoration: underline; }

div.leftband_body form#mailing input { border: 1px solid #d4d6d7; font-size: 10px; width: 140px; color: #808285; padding: 3px; margin-bottom: 5px; }
div.leftband_body form#mailing div.button { font-weight: bold; background-position: left top; background-repeat: no-repeat; background-image: url(../images/button_left.png); height: 29px; }
div.leftband_body form#mailing div.button a { margin-left: 16px; text-decoration: none; padding-top: 5px;position: absolute; color: #ffffff; padding-right: 16px; height: 29px; background-position: right top; background-repeat: no-repeat; background-image: url(../images/button_right.png); }
div.leftband_body form#mailing div.button a:hover { text-decoration: underline; }

div.leftband_bottom { background-image: url(../images/leftband_bottom.gif); background-repeat: no-repeat; width: 190px; height: 155px; }

/* BREADCRUMB */
div#breadcrumb { font-size: 10px; color: #686566;  width: 743px; height: 15px; margin: -10px 4px 10px -8px; padding: 10px 0px 8px 15px; position: relative; border-bottom: 1px dotted #686566;}
div#breadcrumb a { color: #686566; text-decoration: none; }
div#breadcrumb a:hover { text-decoration: underline; }
div#breadcrumb a.active { color: #000000; }

/* CONTENT */
#content { width: 750px; float: left; padding-bottom: 10px; }
#content div.full{ width: 540px; padding: 10px 10px 10px 10px; }
#content div.half_left{ width: 360px; float: left; padding: 10px 0px 20px 10px; }
#content div.half_right{ width: 360px; float: left; padding: 10px 20px 20px 0px; }
#content div.half{ width: 270px; float: left; }

#content h1 { text-transform: uppercase; font-size: 14px; font-weight: bold; padding-bottom: 10px; }
#content h1.pad { text-transform: uppercase; font-size: 14px; font-weight: bold; padding-bottom: 10px; padding-top:20px; }
#content h2 { background-position: 0 3px; font-size: 14px; font-weight: bold; background-image: url(../images/arrow.gif); background-repeat: no-repeat; padding-bottom: 10px; padding-left: 8px; margin-top:10px;}
#content h2.nobullet { font-size: 14px; font-weight: bold; background-image: none; padding-bottom: 10px; padding-left: 0px; }
#content h3 { background-position: 0 2px; font-size: 11px; font-weight: bold; background-image: url(../images/arrow.gif); background-repeat: no-repeat; padding-bottom: 10px; padding-left: 8px; }
#content h3.nobullet { background-image: none; padding-left: 0px; }

#content a img { border:0; }

#content p { padding-bottom: 10px; }
#content p.less-padding { padding-bottom: 10px; }
#content p.nospace{ padding-bottom: 10px; }
#content ul.nospace, #content li.nospace   { padding-bottom: 0; }

#sidebox { background:#EDD9BA; float:right; padding:12px; width:200px; margin:0 0 20px 20px; }

/* FOOTER */
#footer ul { list-style: none; height: 15px; }
#footer ul li { float: left; display: inline; }
#footer ul li.sep { padding: 0px 5px 0px 5px; }
#footer a { color: #686566; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* HOME */
#content a img.resilient { border: none; margin-top: 10px; }
#content ul.home { width: 240px; padding-left: 20px; margin: 0px; list-style-image: url(../images/arrow.gif); }
#content ul.home li { font-size: 12px; padding-bottom: 10px; }

/* EXPERTS */
#content div.person { width: 555px; margin-bottom: 20px; }
#content div.person div.person_data { padding-left: 10px; float: left; width: 407px; }
#content div.person div.person_name { width: 407px; padding-bottom: 5px; }
#content div.person h3 { text-transform: uppercase; float: left;}
#content div.person h4 { width: 267px; float: left; text-transform: uppercase; font-size: 11px; font-weight: normal; }
#content div.person span.sep { float: left; color: #cf2038; padding: 0px 5px 0px 5px; font-weight: bold; display: inline;  }
#content div.person img.portrait { float: left; width: 138px; height: 164px; }
#content div.person p { float: left; width: 407px; padding-bottom: 0px;}

/* TESTIMONY */
#content div.testimony { width: 300px; padding: 10px 10px 8px 10px; border:1px solid #ccc; margin-bottom:12px; background:white;}
#content div.testimony div.top { border-bottom: 1px dotted #808285; padding-bottom: 5px; margin: 5px; font-size: 11px; background:white; }
#content div.testimony div.top span.name { display: block; font-weight: bold; padding-bottom: 3px; color: #241B86; text-transform: uppercase; background:white;}
#content div.testimony div.top span.title { display: block;  padding-bottom: 3px; color: #808285; text-transform: uppercase; background:white;}
#content div.testimony p { padding: 5px; color: #241B86; font-style: italic; font-weight: bold; }

#testimonials-box {	width:520px; }
#testimonials-list { width:200px; float:left; }

#slider { width:330px; margin-right:10px; float:left;}
#slider img{ border:none; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none; background:white; }
#slider li { width:330px; overflow:hidden; }
ol.controls { width:180px; float:left; list-style:none; }
ol.controls li { padding-bottom:5px; }

/* AXES */
#content div.full ul.normal { width: 240px; padding-left: 20px; margin: 0px 0px 10px 0px; list-style-image: url(../images/arrow.gif); }
#content div.full ul.normal li { text-transform: none;  font-size: 11px; font-weight: bold; padding-bottom: 10px; font-weight: normal; font-size: 11px; width: 500px; }
#content div.full ul.normal strong { font-weight: bold; }

/* IDEA MANAGEMENT */
#content img.spgi { width: 188px; height: 120px; float: left; padding: 0px 0px 10px 10px; }

/* RECRUTING */
#content div.box { background-color: #CEC8DD; background-repeat: no-repeat; border: 1px solid #D4D6D7; margin: 0 10px 20px 10px; color: #331675; padding: 10px; width: 515px;}
#content div.box p { padding-left: 15px; padding-bottom: 10px;}
#content div.box h1 { color: #331675; text-transform: uppercase; background-position: top left; padding-left: 15px; font-size: 15px; font-weight: bold; background-image: url(../images/arrow_white_big.gif); background-repeat: no-repeat;}
#content div.box ul { list-style: disc; padding-left: 30px; }

/* BULLETIN */
div.pdf { }
div.pdf img {  width: 75px; height: 75px; float: left}
div.pdf div.pdfinfo { padding: 5px; width: 450px; float: left; }
div.pdf div.pdfinfo h1 { color: #D82D2F; background-image: none !important; font-size: 14px; font-weight: bold; }
div.pdf div.pdfinfo p span { font-weight: bold; display: block; margin: 0px; padding-bottom: 5px; }

div.archive { border-top: 1px dotted #808285; width: 555px; padding: 10px 0px 10px 0px;}
div.archive h3 { background-image: none !important; padding: 0px !important;}
div.archive p { padding-top: 10px; }
div.archive p span { font-weight: bold; display: block; margin: 0px; padding-bottom: 5px; }

/* SITE MAP */
#content div.full ul.sitemap { padding-left: 8px; list-style: none; }
#content div.full ul.sitemap ul { font-size: 11px; margin-left:15px; background-image: none; list-style: none; }
#content div.full ul.sitemap a { color: #000000; font-size: 11px;  background: url(../images/arrow.gif) left no-repeat; padding-left: 15px; }
#content div.full ul.sitemap li { list-style-position: outside; padding-top: 10px; padding-bottom: 5px; list-style-image: none;}

/* RESIL FORM */
#content table.resil { width: 540px; text-align: center; border:1px solid #999999; padding:10px; margin-bottom:10px; }
#content table.resil th.title_empty { }
#content table.resil th.title_yes { width: 130px; border-left: 1px solid #808285; border-top: 1px solid #808285; }
#content table.resil th.title_no { width: 65px; border-left: 1px solid #808285; border-top: 1px solid #808285; }
#content table.resil th.title_freq { width: 65px; border-left: 1px solid #808285; border-right: 1px solid #808285;  border-top: 1px solid #808285; }
#content table.resil th.title_satis { width: 65px; border-left: 1px solid #808285; }
#content table.resil th.title_improve { width: 65px; border-left: 1px dotted #808285; }
#content table.resil td { padding: 5px; border-top: 1px solid #808285; border-left: 1px solid #808285; }
#content table.resil td.sep { border: 0px; }
#content table.resil td.first { text-align: left; border-right: 0px; }
#content table.resil td.last { border-right: 1px solid #808285; }
#content table.resil td.question { border: 0px; border-top: 1px solid #808285; text-align: left; }
#content table.resil td.bottom { }
#content table.resil td.top { border: none; border-top: 1px solid #808285; }
#content table.resil td.gray { background-color: #D4D6D7; }
#content table.resil td.noborder { border: none; }
#content table.resil tr.heading td { border: none; padding:0; border-bottom:1px dotted #000; }
#content table.resil h1 { font-size: 13px; padding: 0px; background-image: none; font-weight: normal; text-transform: none; }
#content table.resil h2 { font-size: 12px; padding: 0px 0px 0px 20px; background-image: none; font-weight: normal; }
#content table.resil h3 { font-size: 12px; padding: 0px 0px 0px 30px; background-image: none; font-weight: normal; }
#content table.resil h4 { text-align:left; background-position: 0 3px; font-size: 14px; font-weight: bold; background-image: url(../images/arrow.gif); background-repeat: no-repeat; padding-left: 8px; margin:5px 0;}
#content table.resil h4 span { font-size:12px; color:#666666; float:right; }
#content table.resil span { font-size: 14px; font-weight: bold; }

.lang_link { width: 50px; color: white; float:right; margin-right: 10px; padding-top: 10px; }
.lang_link a{ color: white; text-decoration: none; text-transform: uppercase; }
.lang_link a:hover{ text-decoration: underline; }

/* NEW FORMS */

#newform { padding:20px 20px; background:#cccccc; line-height:2.2em; width:500px; }
#newform label { clear:both; float:left; width:100px; font-weight:bold; }
#newform input { float:left; width:200px; padding:3px; margin-bottom:5px; }
#newform input.submit { width:100px; background:#900; color:white; font-weight:bold; margin-top:5px; }
#newform textarea { float:left; width:200px; padding:3px; margin-bottom:5px; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

#sideform { padding-top:5px; }
#sideform input { font-size:10px; padding:3px; width:130px; margin-bottom:5px; }
#sideform input.submit { width:auto; }

