html { margin: 0 auto; width:100%; background: url('/images/redesign2014/bg/frde4_11.png') no-repeat right bottom; }
html.job_newsletters, html.drop_resumes {
  background:none;
}
body { width:100%;  }
.clear { clear:both; }
.clearfix:after { content:""; display:table; clear:both; }

.container { max-width:993px; margin:0 auto; }

#header { float:left; width:100%; margin-bottom:10px; background: url('/images/redesign2014/bg/frde4_11.png') no-repeat 180px 0; background-size:110px; }
#header #title { float:left; margin-top:10px; }
#header #title h2 { margin:0; font-size:1em; line-height:1px; padding:0; }
#header #title h2 a { background: url('https://connexio-eu.s3.amazonaws.com/uploads/page/picture/42/connexion_emploi_c.png') no-repeat top left; text-indent:-10000px; display:block; height:60px; width:170px;background-size: cover; }
#header #title h3 { margin:10px 0; font-size:0.9em; font-weight:bold; }

#header { position:relative; }
#header .topcta { position:absolute; top:75px; right:0; float:right; margin-top:0px; }
#header .topcta { font-size:0.9em; }
#header .topcta a, #company_box a { color:#900; font-weight:bold; }


#topbox { float:right; font-size:0.9em; color:#999; line-height:2.1em; }
#login_box, #company_box, #candidate_box { display:inline; }
#login_box a, #candidate_box a { color: #00f; }

#language { float:left; margin-right:10px; }
#language a { display:inline-block; width:16px; height:24px; margin-right:5px; text-indent:-99999px; }
#language a.fr { background: url('/images/fr.png') no-repeat 0 10px; }
#language a.de { background: url('/images/de.png') no-repeat 0 10px; }
#language a.en { background: url('/images/en.png') no-repeat 0 10px; }
#subtabs { float:left; width:100%; background-color:#5AA5E6; border-radius:4px; margin-bottom:30px; }
#subtabs ul { padding:0; list-style:none; margin:0; }
#subtabs ul#primary { float:left; margin:0 0 0 4px; font-size:1em; font-weight:bold; }
#subtabs ul#secondary { float:right; font-size:0.9em; }
#subtabs ul li { float:left; }
#subtabs ul li a { float:left; text-decoration:none; color:#FFF; display:block; }
#subtabs ul#primary li a { padding:13px 18px 14px 18px; background: url('/images/redesign2014/subtab-div7.jpg') repeat-y top right; }
#subtabs ul#primary li.home a { padding:15px 13px 9px 9px; }
#subtabs ul#secondary li { padding: 8px 5px; }
#subtabs ul#secondary li a { padding: 5px 10px; border-radius:2px; }
#subtabs ul#primary li.current a, #subtabs ul#primary li a:hover, #subtabs ul#primary li a:active { background:#366481; }
#subtabs ul#secondary li.current a, #subtabs ul#secondary li a:hover, #subtabs ul#secondary li a:active { background:#366481; }
#subtabs ul#secondary li.contact {
  background: #FBBE00;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fbbe00), color-stop(1, #df8600));
  background-image: -o-linear-gradient(bottom, #FBBE00 30%, #DF8600 100%);
  background-image: -moz-linear-gradient(bottom, #FBBE00 30%, #DF8600 100%);
  background-image: -webkit-linear-gradient(bottom, #FBBE00 30%, #DF8600 100%);
  background-image: -ms-linear-gradient(bottom, #FBBE00 30%, #DF8600 100%);
  background-image: linear-gradient(to bottom, #FBBE00 30%, #DF8600 100%);
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border:1px solid #000;
}
#subtabs ul#secondary li.contact a {
  color:#000; font-weight:bold;
}
#subtabs ul#secondary li:hover.contact {
  text-decoration:none;
  background:#DF8600;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbbe00), color-stop(1, #df8600));
  background-image: -o-linear-gradient(bottom, #FBBE00 0%, #DF8600 100%);
  background-image: -moz-linear-gradient(bottom, #FBBE00 0%, #DF8600 100%);
  background-image: -webkit-linear-gradient(bottom, #FBBE00 0%, #DF8600 100%);
  background-image: -ms-linear-gradient(bottom, #FBBE00 0%, #DF8600 100%);
  background-image: linear-gradient(to bottom, #FBBE00 0%, #DF8600 100%);
}
#subtabs ul#secondary li.contact a:hover, #subtabs ul#secondary li.contact a:active, #subtabs ul#secondary li.contact.current a {
  background:transparent;
}

#subtabs ul#secondary li.contact.current { background:#366481; }
#subtabs ul#secondary li.contact.current a { color:#FFF; }



/* 417DA0 */

/*= default */
#main { width: 657px; float:left; }
#sidebar { width: 321px; float:right; }

/*= 50-50 */
.user_sessions #main { width: 489px; float:left; }
.user_sessions #sidebar { width: 489px; float:right; }

/*= 100-0*/
/* see candidates.css */

#footer { clear:both; width:100%; float:left; margin:80px 0 0 0; padding:30px 0; color:#FFF; min-height:150px; text-align:center; background: #171717 url('/images/redesign2014/bg-footer2.png') top left; border-top:1px solid #CCC; }
#footer a { color:#EFEFEF; }

#footer #normes { margin:70px auto; vertical-align:middle; position:relative; min-height:100px; width:993px; }
#footer #normes-wrapper { width:480px; position:relative; margin:0 auto; }
#footer #normes a { display:inline-block; position:absolute; }
#footer #normes a.iso { top:0; left:0; }
#footer #normes a.charta { top:0; right:0; padding:8px 8px 1px 8px; border:2px solid #AAA; background-color:#FFF !important; }

#flash p { margin:1em 0; }
.flash { padding: 5px 8px; margin: 0 0 20px 0; background-color: #CFC; border: solid 1px #6C6; }
#flash_error { background-color: #FCC; border: solid 1px #C66; }

.testimonial { background-color:#e5f3ff; padding:30px; border-radius:4px; }
div.testimonial { background:#e5f3ff; padding:30px 184px; border-radius:4px; margin-bottom:40px; }
div.testimonial .w { padding-left:70px; padding-right:50px; background: url('/images/redesign2014/quote50.png') no-repeat 0 0; }
div.testimonial h3 { font-size:1em; margin:0 0 1em 0; }
div.testimonial .text { font-style:italic; border-left:4px solid ; padding-left:1em; }
div.testimonial .name, .testimonial .position { font-style:normal; margin-bottom:0; }
div.testimonial .position { margin-bottom:10px; }

blockquote.testimonial p { margin-bottom:1em; }
blockquote.testimonial { position:relative; float:left; font-size:0.9em; font-style:italic; margin:0 0 50px 84px; }
blockquote.testimonial .bs { padding-left:80px; background: url('/images/redesign2014/quote50.png') no-repeat 0 0; }
blockquote.testimonial .content { padding-bottom: 30px; background: url('/images/redesign2014/quote_end50.png') no-repeat bottom right; }
blockquote.testimonial .name_and_position { margin-top:-20px; margin-bottom:1em; }
blockquote.testimonial p.name {display:inline; }
blockquote.testimonial p.position { display:inline; margin-left:1em; }
blockquote.testimonial img.logo { width:100px; }
blockquote.testimonial .picture { width:60px; height:60px; position:absolute; top:84px; }
blockquote.testimonial#testimonial3 .picture { background: url('/images/redesign2014/people/sophia-julier-60x60.png') no-repeat top left; }
blockquote.testimonial#testimonial4 .picture { background: url('/images/redesign2014/people/eric-vergne-60x60.png') no-repeat top left; }
blockquote.testimonial#testimonial5 .picture { background: url('/images/redesign2014/people/harald-beoletto-60x60.png') no-repeat top left; }