/* PROJECT-NAME 2009 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { height: 100%; position: relative; overflow: hidden; margin: 0; padding: 0; font: 100% Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: normal; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, p, li { font-size: 0.69em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.offLeft { position: absolute; left: -5000px; top: -2000em; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym, abbr { border: none; border-bottom: 1px dotted #FFFFFF; cursor: help; }

/*************** CLEARFIX */
.clearfix:after, .newsletter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .newsletter { display: block; }

/* FORMS */
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #7F7F7F; background-color: #FFFFFF; border: 1px solid #d5d5d5; vertical-align: middle; }
.inputText { padding: 1px 3px; width: 220px; }
.inputRadio { border: none; background-color: transparent; }
.submit { padding: 1px 8px; background: #000000 url(../img/bg-submit.png) top left repeat-x; color: #FFFFFF; text-align: center; border: 0px solid #FFFFFF; cursor: pointer; }
.post select:focus, .tv-focused { border-color: #000000; }
label { cursor: pointer; vertical-align: middle; }
label.overLabel { color:#7F7F7F; }
label.overlabel-apply { position:absolute; top:3px; left:5px; z-index:1; color:#7F7F7F; }


/*************** STRUCTURE - GENERAL */
#mobileLink { display: none; position: relative; z-index: 1000; }
/*#prelude { width: 955px; margin: 0 auto; text-align: right; }*/
#prelude { width: 955px; margin: 0 auto; text-align: right; }
/*#container { height: 100%; overflow: auto; position: relative; }*/
#content { width: 1005px; height: 707px; position: absolute; top: 50%; left: 50%; margin-left: -503px; margin-top: -320px; z-index: 1; text-align: left; }
#bgBody { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; }

/*************** STRUCTURE - HEADER */
#header { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; text-align: left; }
#logo { width: 955px; height: 85px; margin: 47px auto 20px auto; text-transform: uppercase; }
#logo.loading { background: transparent url(../img/loading.gif) left bottom no-repeat; }
#logo a { display: block; width: 306px; }
#logo a:hover { text-decoration: none; }
#loader { position: relative; z-index: 10; display: block; width: 955px; margin: 0 auto; }

/*************** STRUCTURE - CONTENT */
#jobList { position: relative; width: 1005px; height: 707px; }
#jobList li { float: left; position: relative; padding: 21px 27px 29px 23px; width: 1205px; }
#jobList li .reflect { position: relative; z-index: 0; }
#jobList li .reflect img { display: block; }
.next, .prev { position: absolute; top: 50%; right: 30px; margin-top: -38px; height: 77px; width: 49px; z-index: 100; background: transparent url(../img/arrow-next-off.png) top left no-repeat; cursor: pointer; }
.next.hover { background-image: url(../img/arrow-next-on.png); }
.prev { left: 30px; right: auto; background-image: url(../img/arrow-prev-off.png); }
.prev.hover { background-image: url(../img/arrow-prev-on.png); }
.jobDetails { letter-spacing: .05em; position: absolute; z-index: 1; top: 618px; left: 23px; width: 955px; }
.dc-page .post { padding: 0 0 2px 0; margin: 0 0 15px 0; }
.dc-page #p6, .dc-page #p7 { padding: 0 0 3px 0; }
.dc-page #p7 { margin: 0; }
.dc-page .lastPost { padding: 0; margin: 0; border-bottom: none; }

/*************** TYPOS - CONTENT */
.jobTitle { float: left; padding: 1px 5px 0 0; font-size: 1em; text-transform: uppercase; }
.jobInfo span { padding: 0 3px; font-size: .91em; vertical-align: text-top; }
.jobDescr { padding: 4px 0 0 0; }
.dc-page .post .cvTitle { padding: 0 0 4px 0; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
.dc-page .post h2 { padding: 0 0 3px 0; font-size: .88em; }
.dc-page .post h3 { font-size: .75em; padding: 0 0 15px 0; }
.dc-page .post p { font-size: .75em; }
.dc-page .post p, .dc-page .post ul { padding: 0 0 15px 0; }
.dc-page #p6 ul, .dc-page #p7 ul { padding: 0; }

/*************** STRUCTURE - FOOTER */
#footer { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: auto; overflow: visible; background: url(../img/bg-footer.png) top left repeat-x; text-align: left; letter-spacing: .05em; }
.hasJS #footer { height: 2.3em; overflow: hidden; }
#innerFooter { width: 956px; margin: 0 auto; }
#innerFooter form { float: left; margin: 0 0 0 -2px; padding: 12px 0 0 0; cursor: pointer; }
#innerFooter form  p { padding: 4px 7px; }
#innerFooter form#jobTypeSelection p { padding: 4px 10px 4px 13px; }
#innerFooter form#jobBrandSelection p { float: left; }
#innerFooter form#jobBrandSelection  span { float: left; display: block; padding: 6px 0 0 0; width: 1px; font-size: .63em; }
.dc-category #innerFooter form#jobBrandSelection  span { display: none; }
#innerFooter .selectedForm { background: transparent url(../img/bg-selectedform.png) top left no-repeat; }
#innerFooter form select { border: 1px solid; font-size: 11px; width: 200px; cursor: pointer; }

/*************** TYPOS - FOOTER */
#footer h2 { float: left; padding: 18px 8px 0 0; font-size: .69em; text-transform: uppercase; }
#footer p.moreLinks { float: left; font-size: .69em; }
#footer p.moreLinks span { float: left; display: block; padding: 18px 0 0 0; font-size: .91em; letter-spacing: 0; }
#footer p.moreLinks a { padding: 12px 0 0 0; display: block; float: left; position: relative; z-index: 0; }
#footer p.moreLinks a:hover, #footer p.moreLinks a.selectedLink { z-index: 1; margin: 0 -2px; background: transparent url(../img/bg-selectedform.png) top left no-repeat; text-decoration: none; }
#footer p.moreLinks a span { display: block; padding: 6px 9px 5px 9px; font-size: 1em; cursor: pointer; letter-spacing: .05em; }
#footer p.moreLinks a:hover span, #footer p.moreLinks a.selectedLink span { padding-left: 11px; padding-right: 11px; }
#footer p.moreLinks a img { display: block; padding-top: 1px; padding-bottom: 2px; }

/*************** STRUCTURE & CONTENT - CONTACT PAGE */
.dc-contact #content { margin-top: -230px; height: 520px; overflow: visible; z-index: 2; }
#cvText { float: left; width: 415px; margin-left: 23px; padding-top: 10px; border-top: 4px solid; }
#cvText #p6 li, #cvText #p7 li { float: left; }
#cvText .resumeLink { margin-top: 4px; padding-bottom: 15px; }
.resumeLink a { padding: 8px 15px 10px; text-align: center; }
.resumeLink a:hover { text-decoration: none; }
#cvText form p { float: left; padding: 0 3px 13px 0; }
#cvText form label { display: none; }
#cvText form #mce-EMAIL { width: 200px; }
#recrut { padding-top: 40px; }
#competencesList { float: right; width: 415px; margin-right: 23px; padding-top: 10px; border-top: 4px solid; text-align: left; }
#contactInfos { clear: both; margin: 0 23px; padding-top: 15px; border-top: 4px solid; text-align: justify; }
#cInfos, #cFacebook { float: left; width: 415px; }
#cFacebook { float: right; }
#cInfos p { color: #000000; font-size: .88em; }
#cInfos p.resumeLink { font-size: .75em; }
#cFacebook #fbIllus { float: left; margin: 0 8px 0 0; }
#cFacebook #fbIllus img { display: block; }
#cFacebook h3 { color: #474747; padding: 0 0 5px 0; font-size: .75em; }
#cFacebook h3 a { color: #474747; font-size: 1.17em; font-weight: bold; }

/*************** STRUCTURE & CONTENT - 404 PAGE */
.dc-404 #content { margin-top: -150px; height: 400px; overflow: visible; }
#p404 { padding-bottom: 15px 0; border-bottom: 4px solid; }
#p404 .cvTitle { font-size: 1.13em; font-weight: normal; text-transform: none; }
#p404 p { padding: 0 0 20px 0; font-size: .88em; }
.dc-404 #p8 p { color: #000000; font-size: .88em; }
.dc-404 #p8 p.resumeLink { display: none; }
.dc-404 #p8 #fbIllus { float: left; margin: 0 8px 0 0; }
.dc-404 #p8 #fbIllus img { display: block; }
.dc-404 #p8 h3 { color: #526fa5; padding: 0 0 5px 0; font-size: .75em; }
.dc-404 #p8 h3 a { color: #526fa5; font-size: 1.17em; font-weight: bold; }

/*************** COLORS */
html, body { background-color: #FFFFFF; }
#prelude, #prelude a { color: #FFFFFF; }
html, body, a, .dc-page .post h2 strong, .dc-page .post h3 { color: #000000; }
.resumeLink a, #footer p.moreLinks a:hover, #footer p.moreLinks a:focus, #footer p.moreLinks a.selectedLink,
	#footer p.moreLinks a:hover span, #footer p.moreLinks a:focus span, #footer p.moreLinks a.selectedLink span { color: #FFFFFF; }
#prelude a:focus, #innerFooter .selectedForm p, #footer p.moreLinks a:hover span, #footer p.moreLinks a:focus span, #footer p.moreLinks a.selectedLink span,
	.resumeLink a { background-color: #787877; color: #FFFFFF; }
.resumeLink a { background: #000000 url(../img/bg-submit.png) center left repeat-x; color: #FFFFFF; }
#logo a, .dc-page .post .cvTitle { color: #000000; }
#footer h2, #footer p.moreLinks a span, #footer p.moreLinks span { color: #FFFFFF; }
#innerFooter form#jobBrandSelection  span { color: #c6c6c6; }
#p404, #cvText, #competencesList, #contactInfos { border-color: #000000; }
.dc-page .post { color: #000000; border-bottom-color: #000000; }
.dc-404 .post { color: #000000; }
.dc-page .post h2, .dc-page .post strong { color: #000000; }
#innerFooter form select { background-color: #000000; border-color: #808080; color: #FFFFFF; }
#innerFooter .selectedForm select { background-color: #787877; border-color: #c6c6c6; }
#p9 h2 { color: #7F7F7F; }


/* END */