html {font-family: 'Roboto','Lucida Grande',sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; overflow-x: hidden;  }
body {margin: 0}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;  vertical-align: baseline;  }
audio:not([controls]) {display: none; height: 0}
[hidden], template {display: none}
 a {background: transparent}
a:active, a:hover {outline: 0}
 abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
h1 {font-size: 2em; margin: 0.67em 0}
mark {background: #ff0; color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
 img {border: 0}
svg:not(:root) {overflow: hidden}
 figure {margin: 1em 40px}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em}
  button, input, optgroup, select, textarea {color: inherit;  font: inherit;  margin: 0;  }
button {overflow: visible}
button, select {text-transform: none}
button, html input[type="button"],  input[type="reset"], input[type="submit"] {-webkit-appearance: button;  cursor: pointer;  }
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;  padding: 0;  }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;  -moz-box-sizing: content-box; -webkit-box-sizing: content-box;  box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend {border: 0;  padding: 0;  }
textarea {overflow: auto}
optgroup {font-weight: bold}
 table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
html {font-family: 'Roboto','Lucida Grande',sans-serif; background: #fff; color: #4F4F4F; font-size: 1em; line-height: 1.5; font-weight:300}
hr {border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #aaa, #ccc); background-image: -moz-linear-gradient(left, #ccc, #aaa, #ccc); background-image: -ms-linear-gradient(left, #ccc, #aaa, #ccc); background-image: -o-linear-gradient(left, #ccc, #aaa, #ccc)}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em; margin-top:1em; font-weight: bold}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none}
h1 { font-style:normal; font-weight:700}
h2 { font-style:normal; font-weight:700}
h1 a, h2 a {color:#5AA5E6}
h1 {font-size: 1.8em; line-height: 1.2em}
h2 {font-size: 1.375em; line-height: 1.2em}
h3 {font-size: 1.25em; line-height: 1.2em}
h4 {font-size: 1.125em; line-height: 1.333em}
h5, h6 {font-size: 1em; line-height: 1.5em}
p {margin-bottom: 24px; margin-top:0; vertical-align:top}
dt {font-weight:bold}
a {text-decoration:none; color:#5AA5E6}
a:hover {text-decoration:underline}
table {width:100%}
table tr {}
table tr th {font-weight:bold; text-align:left}
table tr td {border-bottom:1px solid #EEE; padding: 2px 4px}
.nomargin {margin:0 !important}
.smallmargin {margin-bottom:10px !important}
.standard {}
form.standard {text-align:left; padding:0; margin:0}
form.standard ul {margin:0;padding:0; list-style-type:none}
form.standard ul li {width:97% !important; margin:0 0 1em 0; padding:0; background:none}
#admin form.standard ul li {margin-bottom:15px}
form.standard ul li label {margin:0; padding:0; font-weight:bold; padding-right:0.6em}
form.standard ul li label.desc {border:medium none; color:#222; display:block; font-size:1em; line-height:150%; margin:0;padding:0}
form.standard ul li:after, form.standard ul li div:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}
* html form.standard ul li {height: 1%;}
* html form.standard ul li div {display:inline-block;}
*+html form.standard ul li div {display:inline-block;}
form label.required em {font-style:normal; color:red}
form.standard label.required em {font-style:normal; color:red}
form.standard ul li div, form.standard ul li span {margin:0 .5em .5em 0; padding:0; color:#444}
form.standard li div label, form.standard li span label {clear:both; color:#444; display:block; font-size:1em; line-height:10px; margin:0; padding-top:6px}
form.standard ul li div span label {padding-bottom:12px}
form.standard ul li.buttons {width:97% !important}
.standard .buttons {clear:both; margin-top:20px}
form.standard ul li span {float:left}
form.standard ul li .mceStatusbar span {float:none}
form.standard ul li div.fieldWithErrors {margin:0; display:block}
.standard .full {width:100% !important}
form.standard ul li div span label.choice, form.standard ul li label.choice {color:#222222; display:block; font-size:100%; font-weight:normal; line-height:1em; padding-bottom:0.25em; padding-top:0.25em; padding-left:0; padding-right:0; clear:both}
form.standard ul li label.choice input.float {float:left}
form.standard ul li label.choice span.text {display:block; float:left; max-width:90%; line-height:1.25em; margin-top:-2px}
form.standard input.checkbox, form.standard input.radio, form.standard input[type='checkbox'], form.standard input[type='radio'] {vertical-align:center; display:inline-block; height:1.1em; line-height:1.1em; margin:0em 0.3em 0 3px; width:13px}
form.standard ul li div.col span {display:block; float:left; margin:0; padding:0; width:100%}
form.standard legend {margin:0 1em 0 2em; padding: 0 1em; font-weight:bold}
form.standard fieldset {margin:0.5em 0 2em 0; padding:0.5em 0; border:none; border-top:3px solid #5AA5E6; border-bottom:3px solid #5AA5E6}
form.standard p {}
form.standard p.instruct {float:left; margin:5px; margin-left:3px}
form.standard .instruct {color:#888; font-size:85%; line-height:1.5em}
form.standard select {margin:0; font-size:1.1em; line-height:1.7em}
form.standard input.file {width:auto; padding:3px; margin:0; border: 1px solid #CCC}
form.standard input.text, form.standard input[type='text'], form.standard input[type='password'], form.standard input[type='email'], form.standard textarea {width:auto; padding:5px; margin:0; border: 1px solid #CCC; border-radius:3px}
form.standard textarea {font-size:0.88em; width:auto; border: 1px solid #CCC}
form.standard.with_margin ul li {margin:1em 0}
form.standard .button, form.standard input[type='submit'], form.standard button, input#search_submit {border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; display: inline-block; padding: 0.22em 0.5em 0.20em 0.5em; cursor: pointer; text-decoration: none; color: #fff; font-size: 0.9em; line-height: 1.35em; font-weight: 700; text-align: center; text-shadow: none; border-radius: 3px; border: rgba(0, 0, 0, 0.05) 0.1em solid; -webkit-transition: background 0.3s ease, border-color 0.3s ease; -moz-transition: background 0.3s ease, border-color 0.3s ease; transition: background 0.3s ease, border-color 0.3s ease; color: white; font-weight: normal; background: #5AA5E6; box-shadow: none}
form.standard .button:hover, form.standard input[type='submit']:hover, form.standard button:hover, input#search_submit:hover {border-color: transparent; background: #417DA0; text-decoration: none; border-color: rgba(0, 0, 0, 0.1)}
form.standard .button:active {box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.button {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; display: inline-block; padding: 0.22em 0.5em 0.20em 0.5em; cursor: pointer; text-decoration: none; color: #fff; font-size: 0.9em; line-height: 1.35em; font-weight: bold; text-align: center; text-shadow:none; border-radius: 3px; border: rgba(0, 0, 0, 0.05) 0.1em solid; -webkit-transition: background 0.3s ease, border-color 0.3s ease; -moz-transition: background 0.3s ease, border-color 0.3s ease; transition: background 0.3s ease, border-color 0.3s ease; color: white; font-weight: normal; background: #5AA5E6; box-shadow: none}
.button:hover {background:#417DA0}
form.standard input[type='submit'].primary-cta, form.standard .primary-cta, .primary-cta {color:#000; padding:1.1em 2em 1em 2em; font-weight:bold; border:1px solid #000; border-radius:5px; 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%)}
form.standard input[type='submit'].small-cta, form.standard .small-cta, .small-cta {padding:0.5em 1em 0.6em 1em !important; font-size:0.9em}
form.standard input[type='submit']:hover.primary-cta, form.standard .primary-cta:hover, form.standard .primary-cta:active, .primary-cta:hover, .primary-cta:active {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%)}
.secondary-cta {color:#FFF; padding:1.1em 2em 1em 2em; font-weight:bold; border:1px solid #000; border-radius:5px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #5AA5E6), color-stop(1, #417DA0)); background-image: -o-linear-gradient(bottom, #5AA5E6 50%, #417DA0 100%); background-image: -moz-linear-gradient(bottom, #5AA5E6 50%, #417DA0 100%); background-image: -webkit-linear-gradient(bottom, #5AA5E6 50%, #417DA0 100%); background-image: -ms-linear-gradient(bottom, #5AA5E6 50%, #417DA0 100%); background-image: linear-gradient(to bottom, #5AA5E6 50%, #417DA0 100%)}
.secondary-cta:hover {text-decoration:none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #5AA5E6), color-stop(1, #417DA0)); background-image: -o-linear-gradient(bottom, #5AA5E6 0%, #417DA0 100%); background-image: -moz-linear-gradient(bottom, #5AA5E6 0%, #417DA0 100%); background-image: -webkit-linear-gradient(bottom, #5AA5E6 0%, #417DA0 100%); background-image: -ms-linear-gradient(bottom, #5AA5E6 0%, #417DA0 100%); background-image: linear-gradient(to bottom, #5AA5E6 0%, #417DA0 100%)}
#errorExplanation {color:red}
#errorExplanation h2 {font-size:1.1em; margin-bottom:0.5em}
.pagination {margin:1em 0; font-size:0.9em}
.pagination a, .pagination span {display:block; float:left; margin: 0 2px 0 0; padding: 2px 5px; border:1px solid #D3D3D3; color:#5AA5E6}
.pagination a {color:#5AA5E6; text-decoration: none}
.pagination a:hover {border: 1px solid #417DA0}
.pagination span {color:#AAA}
.pagination span.current {color: #FFF; background:#5AA5E6}
.pagination:after {content:""; display:table; clear:both}
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:1200px; margin:0 auto}

#header {float:left; width:100%; margin-bottom:10px; background: url('/images/redesign2014/fradeco.png') no-repeat 180px 0; background-size:110px}

@media screen and (max-width: 782px) {
 #header {float:left; width:100%; margin-bottom:10px; background: none; background-size:110px}
 }

@media screen and (max-device-width: 782px) {
 #header {float:left; width:100%; margin-bottom:10px; background: none; background-size:110px}
}


#header #title {float:left; margin-top:10px; margin-left: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; background-size: cover; text-indent:-10000px; display:block; height:60px; width:170px}
#header #title h3 {margin:20px 0; font-size:0.9em; font-weight:bold}
#header {position:relative}
#header .topcta {position:relative; margin-right:0px; float:right; margin-top:0px;}
#header .topcta {font-size:13px; line-height:1.4em;}

#header .topcta a, #company_box a {display:block; color:#ffffff; font-weight:bold; margin-right:10px;background-color:#424040; padding: 5px 10px 5px 10px; border-radius:0px 0px 3px 3px; float:right;}
#login_box a, #candidate_box a {display:block; color:#ffffff; font-weight:bold; margin-right:0px;background-color:#5AA5E6; padding: 5px 10px 5px 10px; border-radius:0px 0px 3px 3px; float:right;}

@media screen and (max-width: 782px) {
 #header .topcta a, #company_box a {position:relative; float:right; margin-top:10px; font-size:11px; border-radius:3px 3px 3px 3px;}
 #header .topcta { display:block; position:relative; float:right; margin:0 auto; margin-top: 15px; }
 #header #title h2 a { max-height:60px; max-width:170px; background-size: cover; }
 #header #title h3 {display:none;}
 //#header .topcta a, #company_box a {color:#900; font-weight:bold; margin-right:10px;}
 #login_box a, #candidate_box a {margin-right:10px;}
 }

@media screen and (max-device-width: 782px) {
 #header .topcta a, #company_box a {position:relative; float:right; margin-top:10px; font-size:11px; border-radius:3px 3px 3px 3px;}
 #header .topcta { display:block; position:relative; float:right; margin:0 auto; margin-top: 15px; }
 #header #title h2 a { max-height:60px; max-width:170px; background-size: cover; }
 #header #title h3 {display:none;}
 //#header .topcta a, #company_box a {color:#900; font-weight:bold; margin-right:10px;}
 #login_box a, #candidate_box a {margin-right:10px;}
 }


#topbox {float:right; font-size:0.9em; color:#999; line-height:1.5em}
#login_box, #company_box, #candidate_box {display:inline; margin-right:10px;}
#login_box a, #candidate_box a {color: #ffffff; font-weight:bold;}

#language {float:left; margin-right:10px}
#language a {display:inline-block; width:16px; height:24px; margin-right:5px; }
#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:1.1em; font-weight:bold}
#subtabs ul#secondary {float:right; font-size:0.9em; font-weight:bold;}
#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}

#mobilemenu {display:none;}

#mobilemenu a { font-weight:bold; font-size:16px; color:#FFF; }

@media screen and (max-width: 782px) {
       #subtabs { border-radius:0px; text-align:right; }
 #subtabs ul li { clear:both; float:right; }
 #subtabs ul li a { float:right; }
 #subtabs ul#secondary { display:none; }
 #subtabs ul#primary { float:right; font-size:1em; }
 #subtabs ul#primary li a, #subtabs ul#primary li a:hover { float:right; background:none; }
 #subtabs ul#secondary {float:right; font-size:1em; font-weight:bold;clear:both;}
 #subtabs ul#secondary li {padding: 0px 0px;}
 #subtabs ul#secondary li a, #subtabs ul#secondary li a:hover { float:right; background:none; padding:13px 18px 14px 18px; font-size:1em; }
 #mobilemenu { display:block; padding:20px 0px 20px 0px; margin-left:-18px; float:left; width:100%; background-color:#5AA5E6; border-radius:0px; font-weight:bold; font-size:16px; color:#FFF; }
 #subtabs ul#primary li.current a { background:#5AA5E6; }
 #primary,#secondary { display:none; }
 #subtabs ul#secondary li.contact { background-image: none; background:#5AA5E6; border-radius:0px; border:none;}
 #subtabs ul#secondary li.contact a {color:#FFF; font-weight:bold;}
 #subtabs ul#secondary li:hover.contact {text-decoration:none; background:#366481; background-image: none;}
       }

@media screen and (max-device-width: 782px) {
       #subtabs { border-radius:0px; text-align:right; }
       #subtabs ul li { clear:both; float:right; }
       #subtabs ul li a { float:right; }
       #subtabs ul#secondary { display:none; }
       #subtabs ul#primary { float:right; font-size:1em; }
       #subtabs ul#primary li a, #subtabs ul#primary li a:hover { float:right; background:none; }
       #subtabs ul#secondary {float:right; font-size:1em; font-weight:bold;clear:both;}
       #subtabs ul#secondary li {padding: 0px 0px;}
       #subtabs ul#secondary li a, #subtabs ul#secondary li a:hover { float:right; background:none; padding:13px 18px 14px 18px; font-size:1em; }
       #mobilemenu { display:block; padding:20px 0px 20px 0px; margin-left:-18px; float:left; width:100%; background-color:#5AA5E6; border-radius:0px; font-weight:bold; font-size:16px; color:#FFF; }
       #mobilemenu a { font-size:1em; text-decoration:none; }
 #subtabs ul#primary li.current a { background:#5AA5E6; }
       #primary,#secondary { display:none; }
       #subtabs ul#secondary li.contact { background-image: none; background:#5AA5E6; border-radius:0px; border:none;}
       #subtabs ul#secondary li.contact a {color:#FFF; font-weight:bold;}
       #subtabs ul#secondary li:hover.contact {text-decoration:none; background:#366481; background-image: none;}
       }



#main {width: 657px; float:left}
#sidebar {width: 321px; float:right}
.user_sessions #main {width: 489px; float:left}
.user_sessions #sidebar {width: 489px; float:right}
 #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 {max-width:480px; position:relative; margin:0 auto}
#footer #normes a {display: block; position: relative;}
#footer #normes a.iso {float: left;}
#footer #normes a.charta {float: right; padding:8px 8px 1px 8px; border:2px solid #AAA; background-color:#FFF !important}

@media screen and (max-width: 782px) {
 #main {width: 100%;}
 #footer #normes {width:100%;}
 #footer #normes-wrapper {width:90%;}
 #footer #normes a.iso {max-width:50%;}
 #footer #normes a.iso img {max-width:100%;}
 #footer #normes a.charta {max-width:50%;}
 #footer #normes a.charta img {max-width:100%;}
 #sidebar {width: 90%; float: left;padding: 10px;}
 .user_sessions #main {width: 100%; float:left;}
 .user_sessions #sidebar {width: 100%; float: left;padding:0px;}
}



@media screen and (max-device-width: 782px) {
 #main {width: 100%;}
 #footer #normes {width:100%;}
 #footer #normes-wrapper {width:90%;}
 #footer #normes a.iso {max-width:50%;}
 #footer #normes a.iso img {max-width:100%;}
 #footer #normes a.charta {max-width:50%;}
 #footer #normes a.charta img {max-width:100%;}
 #sidebar {width: 90%; float: left;padding: 10px;}
 .user_sessions #main {width: 100%; float:left;}
 .user_sessions #sidebar {width: 100%; float: left;padding:0px;}
}


#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}
.careers .post {padding: 20px 0 20px 0; border-top: 1px #CCC solid; float:left}
.careers .post h2 {margin-top:1em}
.careers .content, .articles .content, .categories .content {padding:25px; min-height:500px; border:1px solid #CCC; border-radius:4px}
.careers .intro_image {width:150px; float:left; margin-bottom:10px; padding-top:5px}
.careers .intro_image img {float:left; border-radius:4px}
.careers .intro_text {margin-left:150px}
.careers .info {font-size:0.9em; float:left; clear:both}
#.careers-index .content {background: url('/images/redesign2014/photos/careers.jpg') no-repeat top left}
.careers-index h1 {margin-top:0.5em}
#article a {font-weight:bold; color:}
#article img {margin-bottom:25px !important}
#article #others {color:#4F4F4F; padding:0; margin:20px 0; border:0px solid #CCC}
#article #others h4 {margin-bottom:0.8em}
#article #others a {font-weight:normal }
#article #others ul li {margin-left:0; margin-bottom:0.6em; padding-left:1.2em; background:url(/images/redesign2014/puce6.png) no-repeat 0 0.4em}
#breadcrumbs {font-size:0.9em}
#breadcrumbs a {color:#00405A; font-weight:normal}
#sidebar #guides ul {list-style:none; margin:0; padding:0}
#sidebar #categories ul {list-style:none; margin:0; padding:0}
#sidebar #guides h3, #sidebar #categories h3 { font-style:normal; font-weight:700; padding-bottom:0.4em; margin-bottom:0.4em; margin-top:0; line-height:20px; border-bottom:1px solid #CCC}
#sidebar #guides {margin-top:0}
#sidebar #guides h3 {padding-left:25px; background: url('/images/redesign2014/pictos/picto_guide_20x20b.png') 0 0 no-repeat}
#sidebar #guides li {padding-left:25px}
#sidebar #guides li {margin-left:4px; margin-bottom:0.3em; padding-left:1em; background:url(/images/redesign2014/puce6.png) no-repeat 0 0.4em}
#sidebar #categories {margin-top:0px}
#sidebar #categories h3 {padding-left:25px; background: url('/images/redesign2014/pictos/picto_article_20x20b.png') 0 0 no-repeat}
#sidebar #categories li.posts_in_subcategories {margin-left:0px; padding-left:25px}
#sidebar #categories li.posts_in_categories {font-weight:bold; padding-left:25px; margin-top:1em; margin-bottom:0.5em; line-height:20px}
#sidebar #categories li#articles-en-allemand, #sidebar #categories li#deutschsprachige-artikel {background: url('/images/redesign2014/pictos/picto_de_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#articles-en-francais, #sidebar #categories li#franzosischsprachige-artikel {background: url('/images/redesign2014/pictos/picto_fr_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#interviews {background: url('/images/redesign2014/pictos/picto_interview2_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#firmenliste {background: url('/images/redesign2014/pictos/picto_liste-firm_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#magazine-parisberlin {background: url('/images/redesign2014/pictos/picto_journal2_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#umfragen {background: url('/images/redesign2014/pictos/picto_sondage_20x20b.png') 0 0 no-repeat}
#sidebar #categories li#videos {background: url('/images/redesign2014/pictos/picto_liste-video_20x20b.png') 0 0 no-repeat}
#sidebar #posts_in_categories li.current a, #sidebar #posts_in_categories li a.current {text-decoration:underline}
.content {}
.content h2 {margin-top:1.5em; margin-bottom:0.75em}
.content h3 {margin-top:1.5em; margin-bottom:0.75em}
.content table {width:100%}
.content table tr {}
.content table tr th {color:#FFF; background:#5AA5E6; padding:2px 4px}
.content table tr td {border-bottom:1px solid #CCC; padding: 2px 4px}
.content ul {margin:0; margin-bottom:1em; margin-left:0px; padding:0; list-style: none}
.content ul li {margin-left:0; margin-bottom:0.6em; padding-left:1.2em; background:url(/images/redesign2014/puce6.png) no-repeat 0 0.4em}
#account_sidebar_links {border:1px solid #CCC; padding:5px 10px; margin: 0 0 2em}
#user-account a {text-decoration:none}
#user-account .missing {color:red}
#user-account .missing p {margin-bottom:0px}
#user-account a.action {background:; color:#FFF; padding:2px 5px; border:1px solid #5484c5; text-decoration:none}
#user-account a:hover.action {background:#1b4466; color:#FFF; padding:2px 5px; border:1px solid #1b4466 }
.login #content #left-column {width:363px; float:left}
.login #content #right-column {width:542px; margin-left:20px; padding-left:20px; border-left: 1px solid #EEE; float:left; position:relative}
img.johnny-account {border:1px solid #EEE; padding:5px}
#personal-info {float:left; width:100%; border:1px solid #CCC; border-radius:4px; padding:25px 0}
#personal-info #pi {padding:0 25px}
#personal-info #pi-edit {text-align:right; letter-spacing:0.4px; font-size:0.9em;}
#personal-info ul {list-style:none; margin:0; padding:0}
#personal-info ul li {background:none; line-height:1.5em; padding:0; margin-left:0}
#personal-info #avatar {float:left; width:130px; margin-right:10px}
#personal-info #pi-details {float:left; width:380px; margin-right:10px;}
#personal-info #pi-edit {float:left; width:70px;}
#personal-info #avatar img {border:1px solid #CCC; padding:4px}
#personal-info #pi-name {font-size:1.2em; font-weight:bold}
#pi-birthdate, #pi-address {margin-top:10px}
#pi-birthdate span {color:#666}
#pi-address span {color:#666; display:block}
#languages-sectors {margin:25px 0;}
#personal-info h4 {font-size:1em; font-weight:bold; margin:15px 0 5px 0;}
#personal-info form.standard ul li {margin-bottom:0.5em}
#personal-info form.standard li span.label label {font-size:95%; line-height:1.5em}


@media screen and (max-width: 782px) {
 #personal-info {float:left; width:90%; border:1px solid #CCC; border-radius:4px; padding:10px 10px 10px 10px;}
 #personal-info #pi {padding:10px 10px 10px 10px;}
 #personal-info #pi-details {float:left; width:100%; margin-right:0px;}
}



@media screen and (max-device-width: 782px) {
 #personal-info {float:left; width:90%; border:1px solid #CCC; border-radius:4px; padding:0px 0px 0px 0px;}
 #personal-info #pi {padding:10px 10px 10px 10px;}
 #personal-info #pi-details {float:left; width:100%; margin-right:0px;}
}

#cv-list {float:left; margin:25px 0 0 0; width:100%; -moz-border-radius : 4px; -webkit-border-radius: 4px}
#cv-list h3 {background:#5AA5E6; color: #FFF; padding:7px 10px; margin:0; font-size:1em; -moz-border-radius-topleft : 4px; -moz-border-radius-topright : 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px}
#cv-list .t {padding:10px; border: 1px solid #5AA5E6; -moz-border-radius-bottomleft : 4px; -moz-border-radius-bottomright : 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px}
#cv-list table {margin:5px 0 0 0; width:100%}
#cv-list table thead tr th {padding:4px 0;}
#cv-list table tbody tr td {padding:10px 5px 10px 0; border-top: 1px solid #EEE; line-height:1.2em}
#user-account table tbody tr.edit_resume_form td, #cv-list table tfoot tr td {font-style:normal; padding:10px 0; border:none}
#cv-list table tbody th {color:#222}
#cv-list form.standard p {margin:5px 0 5px 2px}
#user-account #cv-list table thead th.right_column {width:80px}
#cv-list form.standard ul li div, #cv-list form.standard ul li span {margin:0 10px 0 0; padding:0; color:#444}
#cv-list form.standard ul li span .btn {margin-left:50px}
#cv-list form.standard li div label, #cv-list form.standard li span label {padding-bottom:6px}
#cv-list form.standard .instruct {color:#888; font-size:85%; line-height:85%}
#user-account form.standard {padding:10px 0; width:100%; background:#deedfb}
#user-account form.standard ul li {background:none; padding:0 0 5px 0; margin:0 8px 0 8px}
#user-account form.standard ul li.button {padding:0 5px}
#user-account form.standard ul li label.desc {margin-bottom:5px;}
#resume_form, #new_resume_form {float:left; border-top:2px solid ; width:100%}
#cv-list form.standard ul li span#resume_title {margin:0 5px 0 0}
#cv-list form.standard ul li span#resume_paper {margin:0 5px 0 0}
#job-newsletter {float:left; margin:25px 0 0 0; width:100%; -moz-border-radius : 4px; -webkit-border-radius: 4px}
#job-newsletter h3 {background:#5AA5E6; color: #FFF; padding:7px 10px; margin:0; font-size:1em; -moz-border-radius-topleft : 4px; -moz-border-radius-topright : 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px}
#job-newsletter .t {padding:10px; border: 1px solid #5AA5E6; -moz-border-radius-bottomleft : 4px; -moz-border-radius-bottomright : 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px}
#job-newsletter table {margin:0; width:100%}
#job-newsletter table tbody tr td {padding:5px 0 5px 0}
#job-newsletter table tfoot tr.buttons td {padding:15px 0 0 0}
#job-newsletter table tfoot tr td {font-style:normal; padding:0 0 5px 0; border:none}
#events {float:left; margin:25px 0 25px 0; width:100%; -moz-border-radius : 4px; -webkit-border-radius: 4px}
#events h3 {background:#5AA5E6; color: #FFF; padding:7px 10px; margin:0; font-size:1em; -moz-border-radius-topleft : 4px; -moz-border-radius-topright : 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px}
#events .t {padding:10px; border: 1px solid #5AA5E6; -moz-border-radius-bottomleft : 4px; -moz-border-radius-bottomright : 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px}
#events table {margin:0}
#events table tbody tr td {padding:5px 0 5px 0}
#events table tfoot tr.buttons td {padding:15px 0 0 0}
#events table tfoot tr td {font-style:normal; padding:0 0 5px 0; border:none}
#events #add_event_form {display:none}
#estimation {float:left; margin:0px 0 25px 0; width:100%; -moz-border-radius : 4px; -webkit-border-radius: 4px}
#estimation h3 {background:#5AA5E6; color: #FFF; padding:7px 10px; margin:0; font-size:1em; -moz-border-radius-topleft : 4px; -moz-border-radius-topright : 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px}
#estimation .t {padding:10px; border: 1px solid #5AA5E6; -moz-border-radius-bottomleft : 4px; -moz-border-radius-bottomright : 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px}
#estimation table {margin:0}
#estimation table tbody tr td {padding:5px 0 5px 0}
#estimation table tfoot tr.buttons td {padding:15px 0 0 0}
#estimation table tfoot tr td {font-style:normal; padding:0 0 5px 0; border:none}
#estimation #add_event_form {display:none}
#add_resume {float:left}
#crop {float:left;}
#crop h3 {margin:0 0 1.4em 0}
#crop h4 {margin:0; margin-bottom:5px}
#crop-preview {float:left}
#crop-result {float:left; margin-left:70px}
#crop form {float:left; margin-top:40px; clear:both}
#content #ErrorExplanation, #content #errorExplanation {}
#content #ErrorExplanation, #content #errorExplanation {border: 2px solid red; padding: 7px; padding-bottom: 12px; margin: 20px 0; background-color: #f0f0f0}
#content #ErrorExplanation h2, #content #errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 30px; font-size: 12px; letter-spacing:1px; margin: -7px; background: url(/images/alertbad_icon.gif) #c00 left no-repeat; color: #fff}
#content #ErrorExplanation p, #content #errorExplanation p {color: #333; margin: 0.5em; padding: 5px; font-size:1em; line-height:1.4em}
#content #ErrorExplanation ul, #content form.standard #ErrorExplanation ul, #content #errorExplanation ul {margin: 20px 0 10px 0; padding-right:10px; list-style-type: none}
#content #ErrorExplanation ul li, #content form.standard #ErrorExplanation ul li, #content form.standard #ErrorExplanation ul li, #content #errorExplanation ul li {background: url(/images/red_bullet.png) no-repeat 0 0.7em; margin:0 0 0 5px; padding:0.2em; padding-left:1em; line-height:1.4em}
.offers #offers-wrapper {padding:25px; min-height:500px; border:1px solid #CCC; border-radius:4px}
#search_offer_loading {text-align:center;padding:100px 0; margin-bottom:400px;}
#search_offer_loading img {border: 1px solid #AAA; padding:30px;}
#offers_pagination_loading {text-align:center;padding:100px 0; margin-bottom:400px}
#offers_pagination_loading img {border: 1px solid #AAA; padding:30px;}
#sidebar_right_search_offer_box {clear:both; margin:0;padding:0; font-size:0.88em}
#sidebar_right_search_offer_box form {padding:10px}
#sidebar_right_search_offer_box ul {list-style:none; line-height:1.3em; margin:0; padding:5px 0; background:transparent}
#sidebar_right_search_offer_box ul li {background:none; margin:3px 0}
#sidebar_right_search_offer_box ul li.current {font-weight:bold}
#sidebar_right_search_offer_box .current a {font-weight:bold}
#sidebar_right_search_offer_box #sectors, #sidebar_right_search_offer_box #locations {margin:1em 0}
#sidebar_right_search_offer_box #sectors label, #sidebar_right_search_offer_box #locations label {display:block; font-style:normal; font-weight:700; padding-bottom:0.4em; margin-bottom:0.4em; margin-top:0; line-height:20px; border-bottom:1px solid #CCC}
#sidebar_right_search_offer_box #sectors ul li {margin-bottom:8px}
#search_offer .no_keyword {color:#888; font-style:italic;}
form#search_offer input[type='text'] {width:180px; padding:5px; margin:0; border: 1px solid #CCC; border-radius:3px}
form#search_offer span {line-height:1em;margin:1px 0;width:100%;display:block; float:left;}
form#search_offer .col span input {margin:0;float:left;}
form#search_offer span label {line-height:1em;}
form#search_offer span label.choice {display:block;float:left;padding:3px 3px; font-weight:normal;}
form#search_offer span.level0 {margin-left:0;}
form#search_offer span.level1 {margin-left:2em;}
form#search_offer span.level2 {margin-left:4em;}
form#search_offer span.level3 {margin-left:6em;}
form#search_offer span.level4 {margin-left:8em;}
form#search_offer span.level5 {margin-left:10em;}
form#search_offer span.level6 {margin-left:12em;}
form#search_offer .level0 {margin-left:0px;}
form#search_offer .level1 {margin-left:15px;}
form#search_offer .level2 {margin-left:25px;}
form#search_offer .level3 {margin-left:35px;}
form#search_offer .level4 {margin-left:45px;}
form#search_offer .level5 {margin-left:55px;}
form#search_offer .level6 {margin-left:65px;}
table#offers {margin:0.5em 0 2em 0; font-size:1em}
table#offers thead tr th {padding: 4px 5px; border-top: 1px solid #EEE}
table#offers tbody tr td {line-height:1.5em; border-top: 1px solid #EEE; height:61px; padding-left:6px}
//table#offers tbody tr.highlight td a {font-weight:bold; color:#366481; background:#edf4fa}
table#offers tbody tr.highlight td a {font-weight:bold; color:#366481; background:#faf9d7}
table#offers tbody tr td.company-logo {text-align:left}
table#offers tbody tr td.company-name {text-align:left; vertical-align:middle;}
table tr td.company_logo {width:100px; vertical-align:top}
h1#offer_result_intro {font-size:1.1em; line-height:1.3em; margin:0 0 1em 0}
#offer_result_intro span {color:#BA001B}
#search_offer_results {line-height:1.4em; margin:0 0 1.4em}
#offer .img-wrapper {background: url(/images/thumb-shadow-113x85.png) no-repeat top left; clear:right; float:right; width:113px; height:85px; margin: 0 5px 5px 5px}
#offer .img-wrapper img {float:left; margin:8px 0 0 5px}
#offer #bottom_links {margin:3em 0 0 0}
#offer #offer_content {clear:both}
#offer ul {margin:0; margin-bottom:1em; margin-left:0px; padding:0; list-style: none}
#offer ul li {margin-left:0; margin-bottom:0.6em; padding-left:1.2em; background:url(/images/redesign2014/puce6.png) no-repeat 0 0.4em}
#offer #offer_info {font-size:0.88em}
#offer_info {border-bottom: 1px solid #5AA5E6; border-top:1px solid #5AA5E6; padding:8px 0}
table#offer_info tr.reference td, #offer_info td.logo {border-bottom: 1px solid #5AA5E6; padding-bottom:10px}
table#offer_info tr.location td, table#offer_info tr.location th, #offer_info td.logo {padding-top:10px}
table#offer_info tr td {border-bottom: none}
table#offer_info tr th {vertical-align:top}
#offer_info th {background:transparent; padding-right:10px}

.candidate-index #main {width:100%}
.candidate-index #sidebar {width:0px}
.candidate-index #main {min-height:500px}
.candidate-index #background {width: 100%; position: fixed; left: 0px; top: 0px; z-index: -1}
.candidate-index #masshead {background: url('/images/redesign2014/photos/home3.jpg') no-repeat 0px 0px; min-height:700px; background-position:center; margin:0 auto; max-width:100%;}
.candidate-index .offers-search h1 {text-align:center; font-size:1.5em; padding:0 0; margin-top:10px; padding-top:0px; text-align:center; }
.candidate-index #masshead h2 {clear:both; text-align:center; font-size:1.8em; padding:0 0; margin-top:150px; padding-top:0px}
.candidate-index #masshead #cta1 {margin:185px auto 130px auto; width:400px; position:relative; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.candidate-index #masshead #cta1 .w {padding:15px 15px 20px 15px}
.candidate-index #masshead #cta1 p {margin-bottom:0.8em}
.candidate-index #masshead #cta1 img.arrow {width:40px; height:40px; margin-bottom:-25px;}
.candidate-index #masshead #cta2 {margin:0 auto; width:400px; text-align:center}
.candidate-index #testimonials1 {background:#e5f3ff; padding:30px 184px; border-radius:4px; margin-bottom:40px}
.candidate-index .testimonial .w {padding-left:70px; padding-right:50px; background: url('/images/redesign2014/quote50.png') no-repeat 0 0}
.candidate-index .testimonial h3 {font-size:1em; margin:0 0 1em 0}
.candidate-index .testimonial .text {font-style:italic; border-left:4px solid #5AA5E6; padding-left:1em}
.candidate-index .testimonial .name, .candidate-index .testimonial .position {font-style:normal; margin-bottom:0}
.candidate-index h2 {font-size:1.8em; color:#5AA5E6; text-align:center; margin-top:40px}
.candidate-index #tips h2 {margin-top:40px}
.candidate-index #tips .tip {margin:50px 0; position:relative}
.candidate-index #tips .tip .t {margin-left:84px; min-height:270px; margin-bottom:30px; padding-right:380px}
.candidate-index #tips .tip#tip1 {background: url('/images/redesign2014/tip1.png') no-repeat top left}
.candidate-index #tips .tip#tip2 {background: url('/images/redesign2014/tip2.png') no-repeat top left}
.candidate-index #tips .tip#tip3 {background: url('/images/redesign2014/tip3.png') no-repeat top left}
.candidate-index #tips .tip#tip4 {background: url('/images/redesign2014/tip4.png') no-repeat top left}
.fr.candidate-index #tips .tip#tip1 .t {background: url('/images/redesign2014/screenshots/home-tip1-fr.jpg') no-repeat center right}
.fr.candidate-index #tips .tip#tip2 .t {background: url('/images/redesign2014/screenshots/home-tip2-fr.jpg') no-repeat center right}
.fr.candidate-index #tips .tip#tip3 .t {background: url('/images/redesign2014/screenshots/home-tip3-fr.jpg') no-repeat center right}
.fr.candidate-index #tips .tip#tip4 .t {background: url('/images/redesign2014/screenshots/home-tip4-fr.jpg') no-repeat center right}
.de.candidate-index #tips .tip#tip1 .t {background: url('/images/redesign2014/screenshots/home-tip1-de.jpg') no-repeat center right}
.de.candidate-index #tips .tip#tip2 .t {background: url('/images/redesign2014/screenshots/home-tip2-de.jpg') no-repeat center right}
.de.candidate-index #tips .tip#tip3 .t {background: url('/images/redesign2014/screenshots/home-tip3-de.jpg') no-repeat center right}
.de.candidate-index #tips .tip#tip4 .t {background: url('/images/redesign2014/screenshots/home-tip4-de.jpg') no-repeat center right}
.candidate-index #testimonials {background:#e5f3ff; padding:30px; border-radius:4px}
.candidate-index #testimonials h2 {margin-top:0}
.candidate-index #testimonials .testimonial {float:left; width:50%; margin:20px 0}
.candidate-index #bottom {text-align:center;}
.contact-index #main {width:489px; float:left; margin:0 auto;}
.contact-index #sidebar {width:489px;}

@media screen and (max-width: 782px) {
       .candidate-index #masshead #cta1, .candidate-index #masshead #cta2 { margin:0px auto 0px auto; max-width:100%; width:100% }
       .candidate-index #masshead #cta1 .w {padding:10px 10px 10px 10px;}
       .candidate-index #masshead h2 {padding:0 0em; font-size:1.8em; color:transparent;}
       .candidate-index #tips { max-width:100%; }
       .candidate-index #tips .tip .t {display:block; margin-left:0px; padding-right:0px;width:90%; margin: 5%;text-align:center;}
       .candidate-index #main { width:95%; margin-left: 2.5%; }
       .candidate-index #masshead {background: url('/images/redesign2014/photos/home3.jpg') no-repeat 0px 0px; min-height:700px;}
       .candidate-index .testimonial {display:none; padding-left:0px; padding-right:0px;}
       .candidate-index #testimonials {display:none; padding:0px;}
       .candidate-index #testimonials1 {padding:0px 0px;}
       .candidate-index .testimonial .w {padding-left:0px; padding-right:0px;}
       .candidate-index .testimonial .text {padding-left:0em;}
       .candidate-index #tips .tip#tip1 {background: none;}
       .candidate-index #tips .tip#tip2 {background: none;}
       .candidate-index #tips .tip#tip3 {background: none;}
       .candidate-index #tips .tip#tip4 {background: none;}
       .candidate-index .secondary-cta, .candidate-index .primary-cta {width:90%; margin: 5%;}
       .fr.candidate-index #tips .tip#tip1 .t {background: none;}
       .fr.candidate-index #tips .tip#tip2 .t {background: none;}
       .fr.candidate-index #tips .tip#tip3 .t {background: none;}
       .fr.candidate-index #tips .tip#tip4 .t {background: none;}
       .de.candidate-index #tips .tip#tip1 .t {background: none;}
       .de.candidate-index #tips .tip#tip2 .t {background: none;}
       .de.candidate-index #tips .tip#tip3 .t {background: none;}
       .de.candidate-index #tips .tip#tip4 .t {background: none;}
       .contact-index #main {width:95%; margin-left: 2.5%; float:left; margin:0 auto; padding:0px 0px 0px 0px;}
       .contact-index #sidebar {width:100%;float:right; padding:0px 0px 0px 0px;}
       }

@media screen and (max-device-width: 782px) {
       .candidate-index #masshead #cta1, .candidate-index #masshead #cta2 { margin:0px auto 0px auto;max-width:100%; width:100%;}
       .candidate-index #masshead #cta1 .w {padding:10px 10px 10px 10px;}
       .candidate-index #masshead h2 {padding:0 0em; font-size:1.8em; color:transparent;}
       .candidate-index #tips { max-width:100%; }
       .candidate-index #tips .tip .t {display:block; margin-left:0px; padding-right:0px;width:90%; margin: 5%;text-align:center;}
       .candidate-index #main { width:95%; margin-left: 2.5%; }
       .candidate-index #masshead {background: url('/images/redesign2014/photos/home3.jpg') no-repeat 0px 0px; min-height:700px}
       .candidate-index .testimonial {display:none; padding-left:0px; padding-right:0px;}
       .candidate-index #testimonials {display:none; padding:0px;}
       .candidate-index #testimonials1 {padding:0px 0px;}
       .candidate-index .testimonial .w {padding-left:0px; padding-right:0px;}
       .candidate-index .testimonial .text {padding-left:0em;}
       .candidate-index #tips .tip#tip1 {background: none;}
       .candidate-index #tips .tip#tip2 {background: none;}
       .candidate-index #tips .tip#tip3 {background: none;}
       .candidate-index #tips .tip#tip4 {background: none;}
       .candidate-index .secondary-cta, .candidate-index .primary-cta {width:90%; margin: 5%;}
       .fr.candidate-index #tips .tip#tip1 .t {background: none;}
       .fr.candidate-index #tips .tip#tip2 .t {background: none;}
       .fr.candidate-index #tips .tip#tip3 .t {background: none;}
       .fr.candidate-index #tips .tip#tip4 .t {background: none;}
       .de.candidate-index #tips .tip#tip1 .t {background: none;}
       .de.candidate-index #tips .tip#tip2 .t {background: none;}
       .de.candidate-index #tips .tip#tip3 .t {background: none;}
       .de.candidate-index #tips .tip#tip4 .t {background: none;}
       .contact-index #main {width:95%; margin-left: 2.5%; float:left; margin:0 auto; padding:0px 0px 0px 0px;}
       .contact-index #sidebar {width:100%;float:right; padding:0px 0px 0px 0px;}
       }

.contact-create #main {width:489px}
.contact-create #sidebar {width:489px}
.contact .cta {margin:0; width:90%; position:relative; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.contact .cta .w {padding:20px}
.contact .cta h3 {padding-bottom:15px; border-bottom:1px solid #EEE; margin:0; margin-bottom:1em}
.contact .cta p {text-align:left}
.contact .cta form input, .contact .cta form textarea {width:100%; color:#000}
.contact .cta form label.desc {color:#FFF}
.contact .cta form #errorExplanation {color:#900; font-size:0.9em}
.events #main {width:100%;}
.events #sidebar {width:0px}
.events #masshead {background: url('/images/redesign2014/photos/connecti.jpg') no-repeat 0px 0px; min-height:694px; background-position:center; margin:0 auto; max-width:100%;}
.events #masshead h2 {text-align:center; font-size:1.8em; line-height:1.5em; margin:0 auto; padding-top:20px; padding-bottom:20px; }
.events #masshead p {margin-bottom:10px}
.events .cta {width:405px; margin:0 auto; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.events .cta h1 {font-size:1.4em; line-height:1.4em; margin-top:80px; text-align:center; padding-bottom:20px; border-bottom:1px solid #FFF}
.events .cta #text {border-bottom:1px solid #EFEFEF; margin-bottom:20px}
.events .cta #infos {margin-bottom:1.2em}
.events .cta #infos h3 {font-weight:bold; margin:0.7em 0 0.3em 0; font-size:1.4em}
.events .cta img.arrow {width:40px; height:40px; margin-bottom:-25px;}
.events .cta .w {padding:20px 30px; background:url('/images/academie_simple.png') no-repeat center 18px; background-size:50%;}
.events .cta .itsfree {margin-top:5px; font-size:0.75em; color:#EEE; text-align:center}
.cta p.temporary_instructions {margin-top:5px; margin-bottom:0px !important; font-size:0.75em; color:#EEE; text-align:center}
.events #form.cta {width:489px; margin:20px auto 40px auto}
.events #form.cta h3 {font-size:1em}
.events #form.cta label {color:#FFF}
.events #form.cta label.radio {font-weight:normal}
.events #form.cta input.email {width:100%; color:#444}
.events #form.cta li.submit {margin:0}
.events #form.cta input[type='submit'] {width:100%}
.events .errors {font-weight:normal; color:#900}
.events .errors ul {margin:0; padding:0; margin-bottom:1em}
.events .errors ul li {margin:0; padding:0; margin-bottom:0.5em}
.events .note {font-style:italic; font-size:0.9em}
.events form.standard ul li label.radio {float:left}
.events form.standard ul li label.radio .radio_button {float:left; width:30px; margin:0}
.events form.standard ul li div.event_details {float:left; width: 360px; margin:0}
.events form.standard ul li div.event_details_title {color:#FFF}
.events form.standard ul li div.event_details_address {color:#F0F0F0; font-size:0.9em; font-style: italic}
.events form.standard ul li div.event_details_address p {margin:0}
.events #videorow h2 {text-align:center; padding:0 100px; font-size:1.6em; line-height:1.4em}
.events #videorow h3 {padding-top:30px; font-size:1.2em; line-height:1.4em}
.events #videorow #videotext {padding-right:550px}
.events #videorow #video {float:right; width:520px}
.events #surveyrow {margin:40px 0; background:#e5f3ff; padding:30px; border-radius:4px; text-align:center}
.events #surveyrow h3 {margin-top:0; margin-bottom:0.8em}
.events #args h2 {text-align:center; padding:0 160px; font-size:1.6em}
.events #args h3 {font-size:1.1em; margin-bottom:0.5em}
.events #args #args-left {float:left; width:440px}
.events #args #args-right {float:right; width:440px}
.events #args .arg {padding-left:75px}
.events #args #arg1 {background:url('/images/redesign2014/pictos/picto_face2_60x60b.png') no-repeat top left}
.events #args #arg2 {background:url('/images/redesign2014/pictos/picto_profil_60x60b.png') no-repeat top left}
.events #args #arg3 {background:url('/images/redesign2014/pictos/picto_conference_60x60b.png') no-repeat top left}
.events #args #arg4 {background:url('/images/redesign2014/pictos/picto_europe_60x60b.png') no-repeat top left}
.events #args #arg5 {background:url('/images/redesign2014/pictos/picto_experience_60x60b.png') no-repeat top left}
.events #bottom {text-align:center; margin:50px 0 40px 0}
.events #lastvideo {margin:0 auto; width:600px}
.events #footerrow {border-top:4px solid #5AA5E6; margin-top:50px; padding-top:20px}
.events #footerrow p {margin-bottom:1em}
.events #footerrow img#logo_ce {margin-left:40px}
.events #footerrow #footer-left {float:left; width:640px}
.events #footerrow #footer-right {float:right; width:200px}
.events #testimonials {background-color:#e5f3ff; border-radius:4px; float:left; width:100%; margin:40px 0; text-align:center; border-radius:4px}
.events #testimonials .w {float:left; padding:30px}
.events #testimonials h2 {padding:0 84px; text-align:center}
.events #testimonials p.survey_infos {text-align:center; font-size:0.9em; color:#555}
.events #testimonials div.testimonials {text-align:left; font-style:italic; padding-left:70px; margin-top:20px; background: url('/images/redesign2014/quote50.png') no-repeat 0 0}
.events #testimonials ul {padding:0; margin:0; margin-left:30px}
.events #testimonials ul li {margin-bottom:10px}
.events #testimonials .left {float:left}
.events #testimonials .right {float:right}
.events #testimonials .t {width:380px; border-left:4px solid}
.events-thanks #main, .events-thanks_new_user #main {background:none; width:993px; margin:0 auto}
.events-thanks #main .w, .events-thanks_new_user #main .w {padding:50px 237px 100px 237px}
.events-thanks #main h1, .events-thanks_new_user #main h1 {text-align:center; padding:0}

.drop_resumes #main {width:993px; background:url('/images/redesign2014/photos/drop_resumes.jpg') no-repeat 420px 40px; position:relative;display:block;margin:0 auto;clear:both;min-height:500px;float:none;}
.drop_resumes #sidebar {width:0}
.drop_resumes h1 {text-align:left; padding:0 237px 0 0}
.drop_resumes #left {float:left;width:405px}
.drop_resumes #left #logos {margin-bottom:20px}
.drop_resumes #left img {float:left}
.drop_resumes #left img.ce {margin:5px 0 20px 20px}
.drop_resumes #left img.ej {margin:0px 0 0 20px}
.drop_resumes #form {background-color:rgba(90, 165, 230,0.75); color:#FFF; border-radius:4px}
.drop_resumes #form .w {padding:15px}
.drop_resumes #form h2 {font-size:1.4em; line-height:1.2em; text-align:center; margin-top:0px; padding-bottom:20px; border-bottom:1px solid #FFF}
.drop_resumes #form #infos {margin-bottom:10px}
.drop_resumes #form label {color:#FFF}
.drop_resumes #form form.standard input[type='text'] {width:275px !important; color:#4D4D4D}
.drop_resumes #form form.standard input[type='submit'] {width:375px !important}
.drop_resumes #form form.standard ul li.submit {margin:0; width:375px !important}
.drop_resumes #form form.standard label.choice {font-size:0.88em}
.drop_resumes #form form.standard p.instruct {font-size:0.8em; font-weight:normal; float:none; color:#EEE}
.drop_resumes #form .errors li {margin:0 0 5px 0}
.drop_resumes #form #errorExplanation {color:#900; font-weight:bold; margin-bottom:8px; font-size:0.9em}
.drop_resumes #form .confidentiality {font-size:0.88em; text-align:center; margin:8px 0 0 0}
.drop_resumes #args {float:right; width:573px; padding-top:300px}
.drop_resumes-thanks #main {background:none; width:993px; margin:0 auto}
.drop_resumes-thanks #main .w {padding:50px 237px 100px 237px}
.drop_resumes-thanks #main h1 {text-align:center; padding:0}

@media screen and (max-width: 782px) {
 .drop_resumes #main {width:95%; margin-left: 2.5%; background:url('/images/redesign2014/photos/drop_resumes.jpg') no-repeat 5% 10%;}
 .drop_resumes h1 {text-align:center; padding:10px 10px 10px 10px;}
 .drop_resumes #left {float:left; width:100%;}
 .drop_resumes #form form.standard input[type='text'] {width:100% !important; color:#4D4D4D;}
 .drop_resumes #form form.standard input[type='submit'] {width:100% !important;}
 .drop_resumes #form form.standard ul li.submit {margin:0; width:100% !important;}
 .drop_resumes #args {float:right; width:90%; padding:10px 10px 10px 10px;}
 .drop_resumes-thanks #main {background:none; width:100%; margin:0 auto;}
 .drop_resumes-thanks #main .w {padding:10px 10px 10px 10px;}
 .drop_resumes-thanks #main h1 {text-align:center; padding:0;}
}


@media screen and (max-device-width: 782px) {
 .drop_resumes #main {width:95%; margin-left: 2.5%; background:url('/images/redesign2014/photos/drop_resumes.jpg') no-repeat 5% 10%;}
 .drop_resumes h1 {text-align:center; padding:10px 10px 10px 10px;}
 .drop_resumes #left {float:left; width:100%;}
 .drop_resumes #form form.standard input[type='text'] {width:100% !important; color:#4D4D4D;}
 .drop_resumes #form form.standard input[type='submit'] {width:100% !important;}
 .drop_resumes #form form.standard ul li.submit {margin:0; width:100% !important;}
 .drop_resumes #args {float:right; width:90%; padding:10px 10px 10px 10px;}
 .drop_resumes-thanks #main {background:none; width:100%; margin:0 auto;}
 .drop_resumes-thanks #main .w {padding:10px 10px 10px 10px;}
 .drop_resumes-thanks #main h1 {text-align:center; padding:0;}
}




.acticontacts-show #main {width:995px; float:none; margin:0 auto;}
.acticontacts-show #sidebar {width:0}
.acticontacts-show #subtabs {margin-bottom:0}
.acticontacts-show h2 {padding:0 84px; text-align:center; line-height:1.4em; font-size:1.6em}
.acticontacts-show #masshead {background:url('/images/redesign2014/photos/acticontact.jpg') no-repeat top right; padding-top:0px; min-height:545px }
.acticontacts-show #masshead h1 {padding-right:504px; line-height:1.4em}
.acticontacts-show .cta {width:405px; margin:50px 0 50px 0; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.acticontacts-show .cta .w {padding:10px 20px}
.acticontacts-show .cta h2 {background:url('/images/redesign2014/pictos/picto_acticontact_bl_60x60.png') no-repeat center left; padding:0 0 0 75px; text-align:left; line-height:60px; margin:10px 0 15px 60px}
.acticontacts-show .cta .button {margin-bottom:6px}
.acticontacts-show .cta .outro {font-size:0.8em; margin:0}
.acticontacts-show #lastcta {margin:50px auto 50px auto}


@media screen and (max-width: 782px) {
 .acticontacts-show #main {width:95%; margin-left: 2.5%;}
 .acticontacts-show #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .acticontacts-show #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .acticontacts-show .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .acticontacts-show .cta {width:90%; margin:0 auto;}
 .acticontacts-show .cta {background:none;background-color:rgba(90, 165, 230,0.75);}
 .acticontacts-show div.testimonial { padding:0px 0px; border-radius:0px; }
 .acticontacts-show blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .acticontacts-show #comparison {width:100%; font-size:12px;}
 .acticontacts-show #comparison table {width:100%;}
 .acticontacts-show #why ul li#why1 {width:100%;}
 .acticontacts-show #why ul li#why2 {width:100%;}
 .acticontacts-show #why ul li#why3 {width:100%;}
 .acticontacts-show #why ul li#why4 {width:100%;}
 .acticontacts-show #because ul {padding:0px 0px;}
 .acticontacts-show .testimonial img {max-width:100%;}
 .acticontacts-show h2 {padding:0 10px; text-align:center; line-height:1.4em; font-size:1.6em;}
}


@media screen and (max-device-width: 782px) {
 .acticontacts-show #main {width:95%; margin-left: 2.5%;}
 .acticontacts-show #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .acticontacts-show #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .acticontacts-show .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .acticontacts-show .cta {width:90%; margin:0 auto;}
 .acticontacts-show .cta {background:none;background-color:rgba(90, 165, 230,0.75);}
 .acticontacts-show div.testimonial { padding:0px 0px; border-radius:0px; }
 .acticontacts-show blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .acticontacts-show #comparison {width:100%; font-size:12px;}
 .acticontacts-show #comparison table {width:100%;}
 .acticontacts-show #why ul li#why1 {width:100%;}
 .acticontacts-show #why ul li#why2 {width:100%;}
 .acticontacts-show #why ul li#why3 {width:100%;}
 .acticontacts-show #why ul li#why4 {width:100%;}
 .acticontacts-show #because ul {padding:0px 0px;}
 .acticontacts-show .testimonial img {max-width:100%;}
 .acticontacts-show h2 {padding:0 10px; text-align:center; line-height:1.4em; font-size:1.6em;}
}


#description {padding:0 84px; margin-bottom:40px}
#comparison table {margin-bottom:40px}
#comparison table tr {}
#comparison table tr#price td.col {font-size:1em; font-weight:bold}
#comparison table tr#price td.col em {font-size:0.5em; line-height:1em}
#comparison table tr#duration td.col {font-weight:bold}
#comparison table tr#update td.col {font-weight:bold}
#comparison table tr td {border-top:1px solid #EFEFEF; border-bottom:none}
#comparison table tr td p {margin-bottom:3px}
#comparison table tr td p.instruct {margin-bottom:3px; color:#999; font-size:0.9em}
#comparison table tr td span {display:block; width:100%; height:20px}
#comparison table tr td span.yes {background:url('/images/redesign2014/pictos/check.png') no-repeat center center}
#comparison table tr td span.no {background:url('/images/redesign2014/pictos/pricing-x.png') no-repeat center center}
#comparison table tr th {text-align:center; border-radius:5px 5px 0 0; padding:90px 5px 20px 5px; vertical-align:top}
#comparison table tr th strong {font-size:1em}
#comparison table tr th em {font-size:0.9em; font-style:normal; font-weight:normal}
#comparison table tr td.arg {width:489px; vertical-align:middle; padding:10px 0; padding-right:10px}
#comparison table tr td.title {font-weight:bold; font-size:1em}
#comparison table tr td p {margin:0}
#comparison table tr td em {font-size:0.88em}
#comparison table tr td.col1, #comparison table tr td.col2, #comparison table tr td.col3, #comparison table tr td.col4 {text-align:center}
#comparison table tr td.col1 {background:#DDEDFA}
#comparison table tr td.col2 {background:#BDDBF5}
#comparison table tr td.col3 {background:#fbce3a}
#comparison table tr td.col4 {background:#fbce3a}
#comparison table tr th.col1 {background:#DDEDFA url('/images/redesign2014/pictos/picto-starter-60x60.png') center 10px no-repeat; width:180px}
#comparison table tr th.col2 {background:#BDDBF5 url('/images/redesign2014/pictos/picto-premium2-60x60.png') center 10px no-repeat; width:180px}
#comparison table tr th.col3 {background:#fbce3a url('/images/redesign2014/pictos/picto_acticontact_60x60b.png') center 10px no-repeat; width:180px}
#comparison table tr th.gutter {width:15px !important; padding:0 !important}
#comparison table tr.bottom td {background:none; border:none; padding:0; line-height:9px}
#comparison table tr#bottom1 td.col1 {background:#DDEDFA; border-radius:0 0 5px 5px}
#comparison table tr#bottom2 td.col2 {border-radius:0 0 5px 5px}
#comparison table tr#bottom3 td.col3 {border-radius:0 0 5px 5px}
#comparison table tr#bottom1 td.col2, #comparison table tr#bottom2 td.col2 {background:#BDDBF5}
#comparison table tr#bottom1 td.col3, #comparison table tr#bottom2 td.col3, #comparison table tr#bottom3 td.col3 {background:#fbce3a}
#comparison table tr#bottom1 td.col4, #comparison table tr#bottom2 td.col4, #comparison table tr#bottom3 td.col4, #comparison table tr#bottom4 td.col4 {background:#DDEDFA}
#comparison.vie_and_stage table tr#top td {border:none; text-align:center; font-size:1em}
#comparison.vie_and_stage table tr#top td.top {color:#FFF; padding:0 8px; background-color:#5AA5E6; font-weight:normal; border-radius:5px 5px 0 0}
#comparison.vie_and_stage table tr td.arg {width:489px; vertical-align:middle; padding:10px 0; padding-right:10px}
#comparison.vie_and_stage table tr th {text-align:center; width:130px; border-radius:0; padding:90px 5px 20px 5px; vertical-align:top}
#comparison.vie_and_stage table tr td.col1, #comparison.vie_and_stage table tr td.col2, #comparison.vie_and_stage table tr td.col3 {width: 120px}
#comparison.vie_and_stage table tr th.col1 {background:#DDEDFA url('/images/redesign2014/pictos/picto-starter-60x60.png') center 10px no-repeat; width:120px}
#comparison.vie_and_stage table tr th.col2 {background:#BDDBF5 url('/images/redesign2014/pictos/picto-premium2-60x60.png') center 10px no-repeat; width:120px}
#comparison.vie_and_stage table tr th.col3 {background:#DDEDFA url('/images/redesign2014/pictos/picto_vie_60x60.png') center 10px no-repeat; width:120px}
#comparison.vie_and_stage table tr th.col4 {background:#BDDBF5 url('/images/redesign2014/pictos/picto_training_60x60.png') center 10px no-repeat; width:120px}
#comparison.vie_and_stage h2 {text-align:center; line-height:1.4em; padding:0; margin-top:0}
#comparison.vie_and_stage table tr td.col1, #comparison.vie_and_stage table tr td.col2 {width:120px}
#comparison.vie_and_stage table tr td.col2 {background:#fbce3a}
#comparison.vie_and_stage table tr th.col2 {background:#fbce3a url('/images/redesign2014/pictos/picto-premium2-60x60.png') center 10px no-repeat}
#comparison.vie_and_stage table tr td.col3 {background:#DDEDFA}
#comparison.vie_and_stage table tr td.col4 {background:#BDDBF5}
#comparison.vie_and_stage table tr.bottom td {background:none; border:none; padding:0; line-height:9px}
#comparison.vie_and_stage table tr#bottom1 td.col1 {background:#DDEDFA; border-radius:0 0 5px 5px}
#comparison.vie_and_stage table tr#bottom2 td.col2 {border-radius:0 0 5px 5px}
#comparison.vie_and_stage table tr#bottom3 td.col3 {border-radius:0 0 5px 5px}
#comparison.vie_and_stage table tr#bottom4 td.col4 {border-radius:0 0 5px 5px}
#comparison.vie_and_stage table tr#bottom1 td.col2, #comparison.vie_and_stage table tr#bottom2 td.col2 {background:#fbce3a}
#comparison.vie_and_stage table tr#bottom1 td.col3, #comparison.vie_and_stage table tr#bottom2 td.col3, #comparison.vie_and_stage table tr#bottom3 td.col3 {background:#DDEDFA}
#comparison.vie_and_stage table tr#bottom1 td.col4, #comparison.vie_and_stage table tr#bottom2 td.col4, #comparison.vie_and_stage table tr#bottom3 td.col4, #comparison.vie_and_stage table tr#bottom4 td.col4 {background:#BDDBF5}
.acticontacts-show #cta2row {text-align:center; margin-bottom:40px}
#whyrow div {}
#why {clear:both}
#why H2{ clear:both; padding:0; margin-bottom:1.5em}
#why h4 {margin:0 0 0.5em 0}
#why ul li {float:left; width:50%; background:none; margin:0; padding:0}
#why ul li h4, #why ul li div.text {padding-left:75px; padding-right:15px}
#why ul li#why1 {background:url('/images/redesign2014/pictos/picto_temps-rapid_60x60b.png') 0 0 no-repeat}
#why ul li#why2 {background:url('/images/redesign2014/pictos/picto_direct_60x60b.png') 0 0 no-repeat}
#why ul li#why3 {background:url('/images/redesign2014/pictos/picto_sur-mesure_60x60b.png') 0 0 no-repeat}
#why ul li#why4 {background:url('/images/redesign2014/pictos/picto_diffusion_60x60b.png') 0 0 no-repeat}
#why ul li div.text {padding-right:20px}
#because ul {padding:0 184px}
.job_newsletters #main {width:993px; background:url('/images/redesign2014/photos/jobnewsletter.png') no-repeat right 100px; float:none; margin:0 auto; min-height:500px;}
.job_newsletters #sidebar {width:0}
.job_newsletters h1 {text-align:center; padding:0 84px}
.job_newsletters #form {float:left; width:405px; background-color:rgba(90, 165, 230,0.75); color:#FFF; border-radius:4px}
.job_newsletters #form .w {padding:15px}
.job_newsletters #form h2 {font-size:1.4em; line-height:1.2em; text-align:center; margin-top:0px; padding-bottom:20px; border-bottom:1px solid #FFF}
.job_newsletters #form #infos {margin-bottom:10px}
.job_newsletters #form label, .job_newsletters #form label span {color:#FFF}
.job_newsletters #form form.standard input[type='text'],.job_newsletters #form form.standard input[type='email'] {width:275px !important; color:#4D4D4D}
.job_newsletters #form form.standard input[type='submit'] {width:375px !important}
.job_newsletters #form form.standard ul li.submit {margin:0; width:375px !important}
.job_newsletters #form form.standard label.choice {font-size:0.9em}
.job_newsletters #form #errorExplanation {color:#900; font-weight:bold; margin-bottom:8px; font-size:0.9em}
.job_newsletters #form .errors li {margin:0 0 5px 0}
.job_newsletters #form .confidentiality {font-size:0.88em; text-align:center; margin:8px 0 0 0; line-height:1.3em}
.job_newsletters-thanks #main {background:none; width:993px; margin:0px auto}
.job_newsletters-thanks #main .w {padding:50px 237px 100px 237px}
.job_newsletters-thanks #main h1 {text-align:center; padding:0}
.job_newsletters #args {float:right; width:573px; padding-top:340px}
.job_newsletters #args h2 {}


 @media screen and (max-width: 782px) {
   .job_newsletters #main {width:95%; margin-left: 2.5%;}
   .job_newsletters h1 {text-align:center; padding:10px 10px 10px 10px;width:90%;}
   .job_newsletters #args {float:right; padding:10px 10px 10px 10px;width:90%;}
   .job_newsletters #form {width:100%;}
   .job_newsletters #form form.standard input[type='text'],.job_newsletters #form form.standard input[type='email'] {width:100% !important; color:#4D4D4D;}
   .job_newsletters #form form.standard input[type='submit'] {width:100% !important;}
   .job_newsletters #form form.standard ul li.submit {margin:0; width:100% !important;}
 }


 @media screen and (max-device-width: 782px) {
   .job_newsletters #main {width:95%; margin-left: 2.5%;}
   .job_newsletters h1 {text-align:center; padding:10px 10px 10px 10px;width:90%;}
   .job_newsletters #args {float:right; padding:10px 10px 10px 10px;width:90%;}
   .job_newsletters #form {width:100%;}
   .job_newsletters #form form.standard input[type='text'],.job_newsletters #form form.standard input[type='email'] {width:100% !important; color:#4D4D4D;}
   .job_newsletters #form form.standard input[type='submit'] {width:100% !important;}
   .job_newsletters #form form.standard ul li.submit {margin:0; width:100% !important;}
 }


#companies #masshead .cta img.arrow {width:40px; height:40px; margin-bottom:-25px;}
.companies-index #main {width:993px; float:none; margin:0 auto;}
.companies-index #sidebar {width:0}
.companies-index #solutions {margin-top:-30px; padding-top:30px; background:url('/images/redesign2014/photos/companies_home.jpg') no-repeat right -10px}
.companies-index #solutions {margin-bottom:80px}
.companies-index #solutions h1 {padding-right:336px; line-height:1.4em; margin-top:0}
.companies-index #solutions h2 {font-size: 1.3em; margin-bottom:80px; padding-right:252px; line-height:1.4em}
.companies-index #solutions .solution {float:left; width:237px; margin-right:15px}
.companies-index #solutions .solution a {text-decoration:none}
.companies-index #solutions .solution h4 {font-weight:bold; color:#666; font-size:1em; margin-bottom:0}
.companies-index #solutions .solution#solution4 {margin-right:0}
.companies-index #solutions .solution .box {position:relative; background-color:rgba(90, 165, 230,0.8); color:#FFF; text-align:center; font-size:1em; border-radius:4px; padding:10px; height:180px}
.companies-index #solutions .solution .box:hover {color:#000; background:#FBBE00; background-color:rgba(90, 165, 230,0.8); 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%)}
//.companies-index #solutions .solution#solution1 h3 {background:url('/images/redesign2014/pictos/picto_publi_offre_bl_60x60.png') no-repeat top center; padding-top:80px; margin-top:0}
//.companies-index #solutions .solution#solution2 h3 {background:url('/images/redesign2014/pictos/picto-acticontact-bl-60x60.png') no-repeat top center; padding-top:80px; margin-top:0}
//.companies-index #solutions .solution#solution3 h3 {background:url('/images/redesign2014/logo/eurojob_logo_bl_100.png') no-repeat top center; padding-top:80px; margin-top:0}
//.companies-index #solutions .solution#solution4 h3 {background:url('/images/redesign2014/pictos/picto-connecti-bl-60x60.png') no-repeat top center; padding-top:80px; margin-top:0}
.companies-index #solutions .solution#solution1 h3 {}
.companies-index #solutions .solution#solution2 h3 {}
.companies-index #solutions .solution#solution3 h3 {}
.companies-index #solutions .solution#solution4 h3 {}
.companies-index #solutions .solution .box img.arrow {width:40px; height:40px; position:absolute; bottom:-20px; left:99px}
.companies-index #solutions_details h2 {text-align:center; line-height:1.4em; margin-bottom:50px}
.companies-index #solutions_details {}
.companies-index #solutions_details .sd {margin-bottom:50px; float:left; width:100%}
.companies-index #solutions_details .sd .left {padding-left:84px}
.companies-index #solutions_details .sd h4 {margin-top:0; margin-bottom:5px; font-size:1em; color:#666}
.companies-index #solutions_details .sd h3 {margin-top:0; line-height:1.4em}
.companies-index #solutions_details .sd#sd1 .left {background:url('/images/redesign2014/pictos/picto_publi_offre_60x60b.png') no-repeat top left}
.companies-index #solutions_details .sd#sd2 .left {background:url('/images/redesign2014/pictos/picto_acticontact_60x60b.png') no-repeat top left}
.companies-index #solutions_details .sd#sd3 .left {background:url('/images/redesign2014/pictos/picto_recrutement_60x60b.png') no-repeat top left}
.companies-index #solutions_details .sd#sd4 .left {background:url('/images/redesign2014/pictos/picto_connecti_60x60b.png') no-repeat top left}
.companies-index #solutions_details .sd#sd1, .companies-index #solutions_details .sd#sd2, .companies-index #solutions_details .sd#sd4 {padding-right:0}
.companies-index #solutions_details .sd#sd1 .left, .companies-index #solutions_details .sd#sd2 .left {float:left; width:405px}
.companies-index #solutions_details .sd#sd3 .left, .companies-index #solutions_details .sd#sd4 .left {float:left; width:489px}
.companies-index #solutions_details .sd#sd1 .right, .companies-index #solutions_details .sd#sd2 .right {float:right; width:489px}
.companies-index #solutions_details .sd#sd3 .right, .companies-index #solutions_details .sd#sd4 .right {float:right; width:405px}
.companies-index #solutions_details .sd .right img {border-radius: 4px; max-width:489px;}
.companies-index #solutions_details .sd#sd3 {background:none;}


@media screen and (max-width: 782px) {
 .companies-index #main {width:95%; margin-left: 2.5%;}
 .companies-index #solutions_details .sd#sd1 .left, .companies-index #solutions_details .sd#sd2 .left {float:left; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd3 .left, .companies-index #solutions_details .sd#sd4 .left {float:left; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd1 .right, .companies-index #solutions_details .sd#sd2 .right {float:right; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd3 .right, .companies-index #solutions_details .sd#sd4 .right {float:right; width:90%;background:none;}
 .companies-index #solutions h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-index #solutions h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-index #solutions .solution {float:left; width:100%; margin-right:0px;}
 .companies-index #solutions .solution .box img.arrow {width:40px; height:40px; position:relative; margin:0 auto;bottom:0px;left:0px;}
 .companies-index div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-index blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-index #solutions_details .sd .left {padding:10px;}
 .companies-index #solutions_details p {text-align:justify;}
 .companies-index #solutions_details .button {display:block;margin:0 auto;}
 .companies-index #solutions_details .sd .right img {display:block;margin:0 auto;max-width:90%;}
 .companies-index #solutions_details .sd#sd3 {background:none;}
}


@media screen and (max-device-width: 782px) {
 .companies-index #main {width:95%; margin-left: 2.5%;}
 .companies-index #solutions_details .sd#sd1 .left, .companies-index #solutions_details .sd#sd2 .left {float:left; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd3 .left, .companies-index #solutions_details .sd#sd4 .left {float:left; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd1 .right, .companies-index #solutions_details .sd#sd2 .right {float:right; width:90%;background:none;}
 .companies-index #solutions_details .sd#sd3 .right, .companies-index #solutions_details .sd#sd4 .right {float:right; width:90%;background:none;}
 .companies-index #solutions h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-index #solutions h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-index #solutions .solution {float:left; width:100%; margin-right:0px;}
 .companies-index #solutions .solution .box img.arrow {width:40px; height:40px; position:relative; margin:0 auto;bottom:0px;left:0px;}
 .companies-index div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-index blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-index #solutions_details .sd .left {padding:10px;}
 .companies-index #solutions_details p {text-align:justify;}
 .companies-index #solutions_details .button {display:block;margin:0 auto;}
 .companies-index #solutions_details .sd .right img {display:block;margin:0 auto;max-width:90%;}
 .companies-index #solutions_details .sd#sd3 {background:none;}
}



.companies-offer #main {width:993px; float:none; margin:0 auto;}
.companies-offer #sidebar {width:0}
.companies-offer {}
.companies-offer #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat top right; min-height:540px}
.companies-offer #masshead h1 {padding-right:405px; line-height:1.4em; margin-top:10px}
.companies-offer #description h2 {text-align:center}
.companies-offer #description h2 em {font-style:normal; text-decoration:underline}
.companies-offer .cta {}
.companies-offer .cta {width:489px; margin:20px 0 50px 0; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.companies-offer .cta .w {padding:20px 30px}
.companies-offer .cta h2 {background:url('/images/redesign2014/pictos/picto_publi_offre_bl_60x60.png') no-repeat center left; line-height:30px; padding:0 0 0 75px; text-align:left; margin:10px 0 15px 10px}
.companies-offer .cta .button {margin-bottom:6px}
.companies-offer .cta .confidentiality {font-size:0.8em; margin:0}
.companies-offer #cta3 {margin:20px auto 50px auto}
.companies-offer #comparison h2 {text-align:center; line-height:1.4em; padding:0; margin-top:0}
.companies-offer #comparison table tr td.col1, .companies-offer #comparison table tr td.col2 {width:200px}
.companies-offer #cta2row {text-align:center; margin-bottom:40px}
.companies-offer #video {float:left; width:100%}
.companies-offer #video .w {background:#e5f3ff; float:left; padding:30px 84px; border-radius:4px; margin-bottom:40px; text-align:center}
.companies-offer #video h3 {}
.companies-offer #video iframe {margin:0 auto}
.companies-offer #video #video-logos {margin:20px auto; width:660px}
.companies-offer #video img {float:left; margin-right:40px}
.companies-offer #video img.lastlogo {margin-right:0px}

@media screen and (max-width: 782px) {
 .companies-offer #main {width:95%; margin-left: 2.5%;}
 .companies-offer #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .companies-offer #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-offer .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-offer .cta {width:90%; margin:0 auto;}
 .companies-offer .cta h2 {background:none;}
 .companies-offer div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-offer blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-offer #comparison {width:100%; font-size:10px;}
 .companies-offer #comparison table {width:100%;}
 .companies-offer #video iframe {width:100%;}
 .companies-offer #video .w {padding:0px 0px;width: 100%;}
 .companies-offer #video img {margin-left:2%; width:14%;}
 .companies-offer #video #video-logos {margin:0 auto; width:100%;}
}


@media screen and (max-device-width: 782px) {
 .companies-offer #main {width:95%; margin-left: 2.5%;}
 .companies-offer #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .companies-offer #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-offer .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-offer .cta {width:90%; margin:0 auto;}
 .companies-offer .cta h2 {background:none;}
 .companies-offer div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-offer blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-offer #comparison {width:100%; font-size:10px;}
 .companies-offer #comparison table {width:100%;}
 .companies-offer #video iframe {width:100%;}
 .companies-offer #video .w {padding:0px 0px;width: 100%;}
 .companies-offer #video img {margin-left:2%; width:14%;}
 .companies-offer #video #video-logos {margin:0 auto; width:100%;}
}


.companies #whyrow h2 {padding:0; font-size:1.6em; line-height:1.4em; text-align:center}
.companies #whyrow h3 {padding:0; line-height:1.4em; text-align:center}
.companies #whyrow div#because, .companies #whyrow div#why {padding:0 84px}
.companies #why ul li {float:left; width:50%; background:none; margin:0; padding:0}
.companies #why ul li h4, #why ul li div.text {padding-left:75px; padding-right:15px}
.companies #why ul li#why1 {background:url('/images/redesign2014/pictos/picto_temps-rapid_60x60b.png') 0 0 no-repeat}
.companies #why ul li#why2 {background:url('/images/redesign2014/pictos/picto_cout_60x60b.png') 0 0 no-repeat}
.companies #why ul li#why3 {background:url('/images/redesign2014/pictos/picto_diffusion_60x60b.png') 0 0 no-repeat}
.companies #why ul li#why4 {background:url('/images/redesign2014/pictos/picto_vie_60x60.png') 0 0 no-repeat}
.companies-offer .cta#cta3 h2 {background:url('/images/redesign2014/pictos/picto_publi_offre_bl_60x60.png') no-repeat center left; line-height:60px; padding:0 0 0 75px; text-align:left; margin:10px 0 15px 10px}
.de.companies-offer .cta#cta3 h2 {line-height:30px}
.companies #qa {margin-bottom:40px}
.companies #qa h2 {text-align:center}
.companies #qa h4 {font-size:1em}
.companies #qa #qa-left {float:left; width:480px}
.companies #qa #qa-right {float:right; width:480px}
.companies-offer #lastctarow {text-align:center; margin-bottom:40px}

@media screen and (max-width: 782px) {
 .companies #why ul li#why1 {width:100%;}
 .companies #why ul li#why2 {width:100%;}
 .companies #why ul li#why3 {width:100%;}
 .companies #because ul {padding:0px 0px;}
 .companies-offer .testimonial img {max-width:100%;}
}


@media screen and (max-device-width: 782px) {
 .companies #why ul li#why1 {width:100%;}
 .companies #why ul li#why2 {width:100%;}
 .companies #why ul li#why3 {width:100%;}
 .companies #because ul {padding:0px 0px;}
 .companies-offer .testimonial img {max-width:100%;}
}



.companies-recrutment #main {width:993px; float:none; margin:0 auto;}
.companies-recrutment #sidebar {width:0}
.companies-recrutment #masshead {background:url('/images/redesign2014/photos/companies_recruitment.jpg') no-repeat top right; min-height:566px}
.companies-recrutment #masshead h2 {padding-right:405px; line-height:1.4em; margin-top:10px; font-size:1.6em}
.companies-recrutment #masshead h3 {padding-right:405px; line-height:1.4em; margin-top:10px}
.companies-recrutment #cta1 {}
.companies-recrutment #cta1 {width:405px; margin:20px 0 30px 0; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.companies-recrutment #cta1 .w {padding:20px 30px}
.companies-recrutment #cta1 h2 {background:url('/images/redesign2014/pictos/picto_direct_60x60blanc.png') no-repeat center left; line-height:60px; padding:0 0 0 75px; text-align:left; margin:10px 0 15px 10px; font-size:1.3em}
.fr.companies-recrutment #cta1 h2 {line-height:60px; padding:0 0 0 75px; margin:10px 0 15px 10px; font-size:1.3em}
.de.companies-recrutment #cta1 h2 {line-height:60px; padding:0 0 0 75px; margin:10px 0 15px 10px; font-size:1.2em}
.companies-recrutment #cta1 .button {margin-bottom:6px}
.companies-recrutment #cta1 .confidentiality {font-size:0.8em; margin:0}
.companies-recrutment #description h2 {text-align:center}
.companies-recrutment #args {}
.companies-recrutment #args h2 {text-align:center; padding:0 184px; line-height:1.4em}
.companies-recrutment #args h3 {margin-top:0; margin-bottom:0.5em}
.companies-recrutment #args .arg {float:left; padding-left:75px}
.companies-recrutment #args .left {float:left; width:489px}
.companies-recrutment #args .right {float:right; width:489px}
.companies-recrutment #args #arg1 {background:url('/images/redesign2014/pictos/picto-temps-60x60.png') no-repeat top left}
.companies-recrutment #args #arg2 {background:url('/images/redesign2014/pictos/picto_expertise_60x60b.png') no-repeat top left}
.companies-recrutment #args #arg3 {background:url('/images/redesign2014/pictos/picto_expert_60x60b.png') no-repeat top left}
.companies-recrutment #args #arg4 {background:url('/images/redesign2014/pictos/picto_direct_60x60b.png') no-repeat top left}
.companies-recrutment #args #arg5 {background:url('/images/redesign2014/pictos/picto_rezo_60x60b.png') no-repeat top left}
.companies-recrutment #args #arg6 {background:url('/images/redesign2014/pictos/picto-premium2-60x60.png') no-repeat top left}
.companies-recrutment #cta2 {text-align:center; margin-bottom:30px}
.companies-recrutment #guarantees {text-align:center; margin-bottom:30px}
.companies-recrutment #guarantees h2 {text-align:center; padding:0 84px; line-height:1.4em}
.companies-recrutment #guarantees-row {float:left; width:100%; text-align:left}
.companies-recrutment #guarantees-row h4 {color:#900; font-size:1.8em; border-radius:8px; border: 5px solid #900; width:auto; display:inline-block; padding:5px 10px}
.companies-recrutment #guarantee1 {width:321px; margin-left:168px; float:left}
.companies-recrutment #guarantee2 {width:321px; margin-left:15px; float:left}
.companies-recrutment .cta .confidentiality {font-size:0.8em; margin:0}
.companies-recrutment #cta2 {text-align:center; margin-bottom:60px; margin-top:30px}
.companies-recrutment #cta3 {text-align:center; margin-bottom:60px}
.companies-recrutment #team h2 {padding:0 84px; font-size:1.6em; line-height:1.4em; text-align:center}
.companies-recrutment #team #team-text-row {padding:0 84px}
.companies-recrutment #team #team-text {padding-left:120px; background:url('/images/redesign2014/logo/ej_ce_logos.jpg') no-repeat top left}
.companies-recrutment #team #team-box-row {padding:0 84px}
.companies-recrutment #team #team-box {border:2px solid rgba(90, 165, 230,0.75); border-radius:4px; padding-left:480px; background:url('/images/redesign2014/team.jpg') no-repeat center left; min-height:232px}
.companies-recrutment #team #team-box h3 {}
.companies-recrutment #cta4 {}
.companies-recrutment #cta4 {width:489px; margin:50px auto 50px auto; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.companies-recrutment #cta4 .w {padding:20px 30px}
.companies-recrutment #cta4 h2 {font-size:1.2em; background:url('/images/redesign2014/pictos/picto_direct_60x60blanc.png') no-repeat center left; padding-left:80px; text-align:left; margin-left:60px; line-height:60px; margin-top:0}
.companies-recrutment #cta4 .button {margin-bottom:6px}
.companies-recrutment #cta4 .confidentiality {font-size:0.8em; margin:0}

@media screen and (max-width: 782px) {
 .companies-recrutment #main {width:95%; margin-left: 2.5%;}
 .companies-recrutment #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .companies-recrutment #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-recrutment #masshead h2 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-recrutment .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-recrutment .cta, .companies-recrutment #cta1 {width:90%; margin:0 auto;}
 .companies-recrutment .cta h2 {background:none;}
 .companies-recrutment div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-recrutment blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-recrutment #comparison {width:100%; font-size:10px;}
 .companies-recrutment #comparison table {width:100%;}
 .companies-recrutment #video iframe {width:100%;}
 .companies-recrutment #video .w {padding:0px 0px;width: 100%;}
 .companies-recrutment #video img {margin-left:2%; width:14%;}
 .companies-recrutment #video #video-logos {margin:0 auto; width:100%;}
 .companies-recrutment #guarantee1 {width:321px; margin-left:15px; float:left}
 .companies-recrutment #cta4 {width:90%; margin:0 auto; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
 .companies-recrutment #cta4 .w {padding:20px 10px;}
 .companies-recrutment #args h2 {text-align:center; padding:0 10px; line-height:1.4em;}
 .companies-recrutment #args .left {float:left; width:100%;}
 .companies-recrutment #args .right {float:right; width:100%;}
 .companies-recrutment #args h3 {margin-top:0; margin-bottom:0.5em;width:80%;}
 .companies-recrutment #args p {width:80%;}
}


@media screen and (max-device-width: 782px) {
 .companies-recrutment #main {width:95%; margin-left: 2.5%;}
 .companies-recrutment #masshead {background:url('/images/redesign2014/photos/companies_offers.jpg') no-repeat 100px 20px;}
 .companies-recrutment #masshead h1 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-recrutment #masshead h2 {padding-right:0px; line-height:1.4em; margin:0 auto; text-align:center; padding:10px;}
 .companies-recrutment .cta h2 {font-size: 1.3em; margin:0 auto; padding-right:0px; line-height:1.4em; text-align:center; padding:10px;}
 .companies-recrutment .cta, .companies-recrutment #cta1 {width:90%; margin:0 auto;}
 .companies-recrutment .cta h2 {background:none;}
 .companies-recrutment div.testimonial { padding:0px 0px; border-radius:0px; }
 .companies-recrutment blockquote.testimonial { padding:10px 10px; border-radius:0px; margin:0px 0px 50px 0px; }
 .companies-recrutment #comparison {width:100%; font-size:10px;}
 .companies-recrutment #comparison table {width:100%;}
 .companies-recrutment #video iframe {width:100%;}
 .companies-recrutment #video .w {padding:0px 0px;width: 100%;}
 .companies-recrutment #video img {margin-left:2%; width:14%;}
 .companies-recrutment #video #video-logos {margin:0 auto; width:100%;}
 .companies-recrutment #guarantee1 {width:321px; margin-left:15px; float:left}
 .companies-recrutment #cta4 {width:90%; margin:0 auto; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
 .companies-recrutment #cta4 .w {padding:20px 10px;}
 .companies-recrutment #args h2 {text-align:center; padding:0 10px; line-height:1.4em;}
 .companies-recrutment #args .left {float:left; width:100%;}
 .companies-recrutment #args .right {float:right; width:100%;}
 .companies-recrutment #args h3 {margin-top:0; margin-bottom:0.5em;width:80%;}
 .companies-recrutment #args p {width:80%;}
}



.companies-event {}
.companies-event #main {width:993px; float:none; margin:0 auto;}
.companies-event #sidebar {width:0}
.companies-event #masshead {margin-top:0px; margin-bottom:50px; float:left; width:100%}
.companies-event #masshead {background:url('/images/redesign2014/photos/connecti_option8.jpg') no-repeat top right; min-height:600px}
.companies-event h2.toptitle {padding:0 84px; line-height:1.5em; font-size:1.7em; text-align:center; margin:0}
.companies-event #cta1 {width:409px; margin:0; float:left; text-align:center}
.companies-event #cta1 #text {border-bottom:1px solid #EFEFEF; margin-bottom:20px}
.companies-event #cta1 #infos h3 {font-weight:bold; margin:0 0 10px 0; font-size:1.4em}
.companies-event #cta1 div.cta {width:409px; margin:50px 0 0px 0; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.companies-event div.cta .w {padding:20px 30px}
.companies-event div.cta h1 {font-size:1.4em}
.companies-event #masshead div.cta #text {background:url('/images/academie_simple.png') no-repeat top center; padding-top:80px; background-size: 50%;}
.companies-event div.cta h3 {font-size:0.95em; font-weight:normal}
.companies-event div.cta .button {margin-bottom:6px}
.companies-event #cta1 .outro {font-weight: bold; color:#000}
.companies-event #video {margin-bottom:60px; margin-top:0px; clear:both}
.companies-event #video h2 {text-align:center}
.companies-event #video .left {float:left; width:489px}
.companies-event #video .right {float:right; width:489px}
.companies-event #args h1 {text-align:center; padding:0; line-height:1.4em}
.companies-event #args h2 {text-align:center; padding:0 184px; margin-bottom:30px; line-height:1.4em}
.companies-event #args h3 {margin-top:0; font-size:1.1em}
.companies-event #args .arg {float:left; padding-left:75px; margin-bottom:30px}
.companies-event #args .arg p {margin-bottom:1em}
.companies-event #args .left {float:left; width:489px}
.companies-event #args .right {float:right; width:489px}
.companies-event #args #arg1 {background:url('/images/redesign2014/pictos/picto_cand_experience_60x60b.png') no-repeat top left}
.companies-event #args #arg2 {background:url('/images/redesign2014/pictos/picto_mobilite_60x60b.png') no-repeat top left}
.companies-event #args #arg3 {background:url('/images/redesign2014/pictos/picto_multilingue_60x60b.png') no-repeat top left}
.companies-event #args #arg4 {background:url('/images/redesign2014/pictos/picto_competences_60x60b.png') no-repeat top left}
.companies-event #why ul li#why3 {background:url('/images/redesign2014/pictos/picto_branding_60x60.png') 0 0 no-repeat}
.companies-event .ctarow {text-align:center; margin-bottom:40px}
.companies-event #cta2 {text-align:center; margin-bottom:30px}
.companies-event #cta2 {width:489px; margin:0; padding-left:237px; text-align:center}
.companies-event #cta2 h2 {background:url('/images/redesign2014/logo/connecti_white140.png') no-repeat top center; padding-top:80px; margin-top:0}
.companies-event #cta2 div.cta {width:489px; margin:30px auto 0px auto; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.companies-event #survey {text-align:center; margin:60px 0; background:#e5f3ff; padding:20px 84px; border-radius:4px; margin-bottom:40px}
.companies-event #lastvideo {margin:60px auto; width:600px}
.companies-event #footerrow {border-top:4px solid #5AA5E6; margin-top:50px; padding-top:20px}
.companies-event #footerrow p {margin-bottom:1em}
.companies-event #footerrow img#logo_ce {margin-left:40px}
.companies-event #footerrow #footer-left {float:left; width:640px}
.companies-event #footerrow #footer-right {float:right; width:200px}

.companycontacts #main {width:993px; float:none; margin:0 auto;}
.companycontacts #sidebar {width:0}
.companycontacts .row {}
.companycontacts #masshead {text-align:center}
.companycontacts .left {float:left; width:454px}
.companycontacts .right {float:right; width:454px}
.companycontacts h2 {margin-top:10px}
.companycontacts #firstrow {margin-bottom:40px}
.companycontacts #firstrow h2 {border-bottom:2px solid #5AA5E6; padding-bottom:0.8em}
.companycontacts table tr td {border:none}
.companycontacts .box {float:left; padding-left:75px; width:420px; margin-bottom:30px}
.companycontacts #send_us_an_email {background:url('/images/redesign2014/pictos/picto_email_60x60b.png') no-repeat top left}
.companycontacts #callus {background:url('/images/redesign2014/pictos/picto_tel_60x60b.png') no-repeat top left}
.companycontacts #contactform {background:url('/images/redesign2014/pictos/picto_contact_form_60x60b.png') no-repeat top left}
.companycontacts #callbackform {background:url('/images/redesign2014/pictos/picto_tel-back_60x60b.png') no-repeat top left}
.companycontacts #secondrow form {background:#5AA5E6; padding:20px; border-radius:8px}
.companycontacts #secondrow form.standard label {color:#FFF}
.companycontacts #secondrow form.standard label.required em {color:#900}
.companycontacts #companycontact_content {width:100%}
.companycontacts form input.text {width:100%}
.companycontacts #secondrow form.standard p {margin-bottom:10px}
.companycontacts #secondrow form.standard .instruct {color:#EFEFEF}
.companycontacts #errorExplanation {color:#900}
.companycontacts #errorExplanation ul {margin-bottom:0.8em }
.companycontacts #errorExplanation ul li {margin-bottom:0.2em }
.companycontacts #confidentiality {text-align:center; font-size:0.85em; color:#666; margin-bottom:30px}
.companycontacts #salesteam {margin-bottom:40px}
.companycontacts #salesteam h2 {padding:0 184px; text-align:center}
.companycontacts #salesteam .team_picture {float:left; border-radius:5px}
.companycontacts #salesteam #infos {padding-left:500px}


@media screen and (max-width: 782px) {
 .companycontacts #main {width:95%; margin-left: 2.5%; float:none; margin:0 auto;}
 .companycontacts .left {float:left; width:90%;}
 .companycontacts .right {float:left; width:90%;}
 .companycontacts #salesteam h2 {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts h2 {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts #secondrow form {background:#5AA5E6; width:100%; border-radius:0px;}
 .companycontacts #salesteam #infos {padding-left:10px;}
 .companycontacts #send_us_an_email {background:none;}
 .companycontacts #send_us_an_email p {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts #callus {background:none;}
 .companycontacts #callus tr {text-indent: 10px;}
 .companycontacts #contactform {background:none;}
 .companycontacts #callbackform {background:none;}
 .companycontacts div.testimonial {padding: 10px 10px 10px 10px;}
 .companycontacts .box {float:left; padding-left:0px; width:100%; margin-bottom:10px;}
 .companycontacts #salesteam .team_picture {max-width:100%; margin-bottom:10px;}
}


@media screen and (max-device-width: 782px) {
 .companycontacts #main {width:95%; margin-left: 2.5%; float:none; margin:0 auto;}
 .companycontacts .left {float:left; width:90%;}
 .companycontacts .right {float:left; width:90%;}
 .companycontacts #salesteam h2 {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts h2 {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts #secondrow form {background:#5AA5E6; width:100%; border-radius:0px;}
 .companycontacts #salesteam #infos {padding-left:10px;}
 .companycontacts #send_us_an_email {background:none;}
 .companycontacts #send_us_an_email p {padding:10px 10px 10px 10px; text-align:center;}
 .companycontacts #callus {background:none;}
 .companycontacts #callus tr {text-indent: 10px;}
 .companycontacts #contactform {background:none;}
 .companycontacts #callbackform {background:none;}
 .companycontacts div.testimonial {padding: 10px 10px 10px 10px;}
 .companycontacts .box {float:left; padding-left:0px; width:100%; margin-bottom:10px;}
 .companycontacts #salesteam .team_picture {max-width:100%; margin-bottom:10px;}
}


.advices .post {padding: 20px 0 20px 0; border-top: 1px #CCC solid}
.advices .post h2 {margin-top:1em}
.advices .content, .articles .content, .categories .content {padding:25px; min-height:500px; border:1px solid #CCC; border-radius:4px}
.advices .intro_image {width:150px}
.advices .intro_image img {float:left}
.advices .intro_text {margin-left:150px}
.advices .info {font-size:0.9em}
//.advices-index .content {background: url('/images/redesign2014/photos/advices.jpg') no-repeat top left}
.advices-index h1 {margin-top:0.5em}
.user_sessions-new #main {width:489px}
.user_sessions-new #sidebar {width:489px}
.users-new #main, .users-create #main {width:489px}
.users-create #sidebar, .users-new #sidebar {width:489px}
.user_sessions .cta, .users .cta {margin:0; width:90%; position:relative; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:4px}
.user_sessions .cta .w, .users .cta .w {padding:20px}
.user_sessions .cta h3, .users .cta h3 {padding-bottom:15px; border-bottom:1px solid #EEE; margin:0; margin-bottom:1em}
.user_sessions .cta p, .users .cta p {text-align:left}
.user_sessions .cta form input[type='text'], .user_sessions .cta form input[type='password'], .contact .cta form textarea, .users .cta form input[type='text'], .users .cta form input[type='password'] {width:100%; color:#000}
.user_sessions .cta form label.desc, .user_sessions .cta form label.choice, .users .cta form label.desc, .users .cta form label.choice {color:#FFF}
.user_sessions .cta form #errorExplanation, .users .cta form #errorExplanation {color:#900; font-size:0.9em}
.users-thanks #main {background:none; width:993px; margin:0 auto}
.users-thanks #main .w {padding:50px 237px 100px 237px}
.users-thanks #main h1 {text-align:center; padding:0}
.quickoffer {}
.quickoffer #masshead {text-align:center; margin-bottom:3em}
.quickoffer #masshead h1 {font-size:1.5em; line-height:1.5em; padding:0 1em}
.quickoffer #masshead h2 {font-size:1.125em; line-height:1.5em; padding:0 5em}
.quickoffer #firstrow {margin-bottom:3em}
.quickoffer .left {float:left; width:454px}
.quickoffer .right {float:right; width:454px}
.quickoffer #why h2 {margin-top:0}
.quickoffer #why ul {list-style:none; background:none; margin:0; padding:0}
.quickoffer #why ul li {float:none; width:100%; list-style:none; background:none; margin:0 0 2em 0; padding:0}
.quickoffer #why ul li h3, #why ul li div.text {padding-left:75px; padding-right:15px}
.quickoffer #why ul li#why1 {background:url('/images/redesign2014/pictos/picto_temps-rapid_60x60b.png') 0 0 no-repeat}
.quickoffer #why ul li#why2 {background:url('/images/redesign2014/pictos/picto_cout_60x60b.png') 0 0 no-repeat}
.quickoffer #why ul li#why3 {background:url('/images/redesign2014/pictos/picto_diffusion_60x60b.png') 0 0 no-repeat}
.quickoffer .testimonial {padding: 30px 30px 30px 10px}
.quickoffer .testimonial .w {padding:0 0 0 50px; background: url('/images/redesign2014/quote40.png') no-repeat 0 0;}
.quickoffer .testimonial .text {padding:0; border:none}
.quickoffer form {background:#5AA5E6; color:#FFF; padding:20px; border-radius:8px}
.quickoffer form h2 {text-align:center; font-size:1.2em; color:#FFF; padding-bottom:0.8em; margin:0 0 1.2em 0; border-bottom:1px solid #FFF}
.quickoffer form.standard label.desc {color:#FFF !important}
.quickoffer form.standard label.required em {color:#900}
.quickoffer form.standard p {margin-bottom:10px}
.quickoffer form.standard ul li {margin-right:0; width:100% !important; position:relative}
.quickoffer form.standard .instruct {color:#EFEFEF; text-align:center; margin:0; width:100%}
.quickoffer form input.text {width:97%; color:#000}
.quickoffer form input.submit {width:100%}
.quickoffer form textarea.text {width:97%; color:#000}
.quickoffer form ul li label.choice {padding-left:20px}
.quickoffer form ul li label.choice input {position:absolute; margin-left:-20px; line-height:normal; box-sizing:border-box}
.quickoffer #errorExplanation {color:#900}
.quickoffer #errorExplanation h2 {display:none}
.quickoffer #errorExplanation ul {margin-bottom:0.8em }
.quickoffer #errorExplanation ul li {margin-bottom:0.2em }
.quickoffer form.standard ul li label.choice {color:#FFF !important; font-weight:normal !important}
.quickoffer form.standard input.checkbox {display:table-cell; vertical-align:middle}
.quickoffer #lastcta {text-align:center; margin:3em 0 5em 0; padding:0 17em}
.quickoffer #lastcta a {display:inline-block}
.quickoffer #lastcta .or {font-size:1.25em}
.companies-quickoffer_thanks #main {text-align:center; padding-top:4em}
.companies-quickoffer_thanks #cta {margin:5em}
#landing_page {}
#landing_page #main {width:993px; margin:0 auto; float:none !important;}
#landing_page #sidebar {width:0}
#landing_page #header {margin-top:1em; border-bottom:#5AA5E6 solid 4px; padding-bottom:1em}

@media screen and (max-width: 782px) {
 #landing_page #main {width:95%; margin-left: 2.5%;}
 .quickoffer #comparison {width:100%; font-size:10px;}
 .quickoffer #comparison table {width:100%;}
 .quickoffer .left {float:left; width:100%;}
 .quickoffer .right {float:right; width:100%;}
 .quickoffer #lastcta {text-align:center; margin:3em 0 5em 0; padding:0 0;}
 .user_sessions-new #main {width:100%;}
 .user_sessions-new #sidebar {width:100%;}
 .user_sessions .cta, .users .cta {margin:0; width:100%; position:relative; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:0px;}
 .user_sessions .cta .w, .users .cta .w {padding:0px; width:100%;}
 .user_sessions .cta h3, .users .cta h3 {padding-bottom:15px; border-bottom:1px solid #EEE; margin:0; margin-bottom:1em}
 .user_sessions .cta p, .users .cta p {text-align:left}
 .user_sessions .cta form input[type='text'], .user_sessions .cta form input[type='password'], .contact .cta form textarea, .users .cta form input[type='text'], .users .cta form input[type='password'] {padding:10px 0px 10px 0px; width:100%; color:#424040;}
 .user_sessions .cta form label.desc, .user_sessions .cta form label.choice, .users .cta form label.desc, .users .cta form label.choice {color:#FFF}
 .user_sessions .cta form #errorExplanation, .users .cta form #errorExplanation {color:#900; font-size:0.9em}
 .user_sessions-new #sidebar h2, .user_sessions-new #sidebar h3 {padding:10px 10px 10px 10px; text-align:center;}
 .user_sessions-new form.standard ul li { width:100% !important; margin:0 0 0 0;}
 .user_sessions-new form {padding:10px;}
 .user_sessions-new input[type="submit"].primary-cta, form.standard .primary-cta, .primary-cta {margin-top:20px; width:100%;}
 .user_sessions-new #sidebar h4,.user_sessions-new #main h2 {padding:10px 10px 10px 10px; text-align:center;}
}


@media screen and (max-device-width: 782px) {
 #landing_page #main {width:95%; margin-left: 2.5%;}
 .quickoffer #comparison {width:100%; font-size:10px;}
 .quickoffer #comparison table {width:100%;}
 .quickoffer .left {float:left; width:100%;}
 .quickoffer .right {float:right; width:100%;}
 .quickoffer #lastcta {text-align:center; margin:3em 0 5em 0; padding:0 0;}
 .user_sessions-new #main {width:100%;}
 .user_sessions-new #sidebar {width:100%;}
 .user_sessions .cta, .users .cta {margin:0; width:100%; position:relative; background-color:rgba(90, 165, 230,0.75); color:#FFF; text-align:center; font-size:1.1em; border-radius:0px;}
 .user_sessions .cta .w, .users .cta .w {padding:0px; width:100%;}
 .user_sessions .cta h3, .users .cta h3 {padding-bottom:15px; border-bottom:1px solid #EEE; margin:0; margin-bottom:1em}
 .user_sessions .cta p, .users .cta p {text-align:left}
 .user_sessions .cta form input[type='text'], .user_sessions .cta form input[type='password'], .contact .cta form textarea, .users .cta form input[type='text'], .users .cta form input[type='password'] {padding:10px 0px 10px 0px; width:100%; color:#424040;}
 .user_sessions .cta form label.desc, .user_sessions .cta form label.choice, .users .cta form label.desc, .users .cta form label.choice {color:#FFF}
 .user_sessions .cta form #errorExplanation, .users .cta form #errorExplanation {color:#900; font-size:0.9em}
 .user_sessions-new #sidebar h2, .user_sessions-new #sidebar h3 {padding:10px 10px 10px 10px; text-align:center;}
 .user_sessions-new form.standard ul li { width:100% !important; margin:0 0 0 0;}
 .user_sessions-new form {padding:10px;}
 .user_sessions-new input[type="submit"].primary-cta, form.standard .primary-cta, .primary-cta {margin-top:20px; width:100%;}
 .user_sessions-new #sidebar h4,.user_sessions-new #main h2 {padding:10px 10px 10px 10px; text-align:center;}
}




.socialbar { position:relative; display:block; margin-right:10px; margin-top:30px; float:right; z-index:1; height:32px; width:300px; }

.socialbar a { margin-top:0px; margin-right:10px; background-size:100%; }

@media screen and (max-width: 1650px) {

       .socialbar { margin-top:0px; }

}

.offers-search { position: relative; display: block; width: 100%; background-color: #ffffff; font-size: 16px; color: #424040; z-index: 10; min-height:80px; }

.offers-search .inline { position: relative; display: block; width: 28%; margin-left: 4%; background-color: #ffffff; font-size: 16px; color: #424040; border-radius: 2px; border:1px solid #c0c0c0; z-index: 10; height:50px; float:left; text-indent: 10px; }

.offers-search .search-btn { position: relative; display: block; width: 28%; margin-left: 4%; background-color: #424040; color: rgb(255, 255, 255) !important; cursor: pointer; border-radius: 2px; border:0px none; font-family: 'Roboto'; font-size: 16px; color: #ffffff; font-weight:bold; z-index: 10; height:54px; float:left; -webkit-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; }

#header .topcta a {
 -webkit-transition: background-color 200ms linear;
 -o-transition: background-color 200ms linear;
 transition: background-color 200ms linear;
}

.offers-search .search-btn:hover, #header .topcta a:hover {
 background-color: #5AA5E6;
 text-decoration:none;
}

@media screen and (max-width: 782px) {

       .socialbar { margin-top:0px; margin-right:0px; margin: 0 auto; min-height:70px; margin-bottom:100px; float: none; }

       .offers-search { position: relative; display: block; width: 100%; background-color: #ffffff; font-size: 16px; color: #424040; z-index: 10; min-height:80px; }

       .offers-search .inline { position: relative; display: block; width: 90%; margin-left: 5%; margin-top:3%; background-color: #ffffff; font-size: 16px; color: #424040; border-radius: 2px; border:1px solid #c0c0c0; z-index: 10; height:50px; float:left; text-indent: 10px; }

       .offers-search .search-btn {
         position: relative;
         display: block;
         width: 90%;
         left: 2px;
         margin-left: 5%;
         margin-top:3%;
         margin-bottom:10%;
         background-color: #424040;
         color: rgb(255, 255, 255) !important;
         cursor: pointer;
         border-radius: 2px;
         border:0px none;
         font-family: 'Roboto';
         font-size: 16px;
         color: #ffffff;
         font-weight:bold;
         z-index: 10;
         height:50px;
         float:left;
         -webkit-transition: background-color 300ms linear;
         -o-transition: background-color 300ms linear;
         transition: background-color 300ms linear;
       }

       #header .topcta a {
         -webkit-transition: background-color 200ms linear;
         -o-transition: background-color 200ms linear;
         transition: background-color 200ms linear;
       }

       .offers-search .search-btn:hover, #header .topcta a:hover {
         background-color: #5AA5E6;
         text-decoration:none;
       }

       .candidate-index #masshead {  background: url('/images/redesign2014/photos/home3.jpg') no-repeat 0px 0px; }

       }

@media screen and (max-device-width: 782px) {

       .socialbar { margin-top:0px; margin-right:0px; margin: 0 auto; min-height:70px; margin-bottom:100px; float: none;}

       .offers-search { position: relative; display: block; width: 100%; background-color: #ffffff; font-size: 16px; color: #424040; z-index: 10; min-height:80px; }

       .offers-search .inline { position: relative; display: block; width: 90%; margin-left: 5%; margin-top:3%; background-color: #ffffff; font-size: 16px; color: #424040; border-radius: 2px; border:1px solid #c0c0c0; z-index: 10; height:50px; float:left; text-indent: 10px; }

       .offers-search .search-btn {
         position: relative;
         display: block;
         width: 90%;
         left: 2px;
         margin-left: 5%;
         margin-top:3%;
         margin-bottom:10%;
         background-color: #424040;
         color: rgb(255, 255, 255) !important;
         cursor: pointer;
         border-radius: 2px;
         border:0px none;
         font-family: 'Roboto';
         font-size: 16px;
         color: #ffffff;
         font-weight:bold;
         z-index: 10;
         height:50px;
         float:left;
         -webkit-transition: background-color 200ms linear;
         -o-transition: background-color 200ms linear;
         transition: background-color 200ms linear;
       }

       #header .topcta a {
         -webkit-transition: background-color 200ms linear;
         -o-transition: background-color 200ms linear;
         transition: background-color 200ms linear;
       }

       .offers-search .search-btn:hover, #header .topcta a:hover {
         background-color: #5AA5E6;
         text-decoration:none;
       }

       .candidate-index #masshead {  background: url('/images/redesign2014/photos/home3.jpg') no-repeat 0px 0px; }

       }


.socialbar a {

 position:relative;
 display: block;
 float: left;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
 border-radius: 16px;

 }

.facebook	{ background-image: url('/images/icons/64px/02_facebook.png'); }
.rss	{ background-image: url('/images/icons/rss.png'); }
.twitter	{ background-image: url('/images/icons/64px/01_twitter.png'); }
.youtube	{ background-image: url('/images/icons/64px/03_youtube.png'); }
.linkedin       { background-image: url('/images/icons/64px/07_linkedin.png'); }
.whatsapp       { background-image: url('/images/icons/64px/whatsapp.png'); }
.xing           { background-image: url('/images/icons/64px/25_xing.png'); }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), local(Helvetica), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.woff") format("woff"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.ttf") format("truetype"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
  src: url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-regular.woff2") format("woff2");
  }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  font-display: swap;
  font-weight: 700;
  src: url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), local(Helvetica), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.eot?#iefix") format("embedded-opentype"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.woff") format("woff"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.ttf") format("truetype"), url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
  src: url("https://www.connexion-emploi.com/fonts/roboto/roboto-latin-700.woff2") format("woff2");
  }
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'RobotoSlab-Bold';
  font-style: bold;
  font-display: swap;
  font-weight: 700;
  src: url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.eot");
  /* IE9 Compat Modes */
  src: local("RobotoSlab Bold"), local("RobotoSlab-Bold"), local(Helvetica), url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.ttf") format("truetype"), url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.svg#RobotoSlab") format("svg");
  /* Legacy iOS */
  src: url("https://www.connexion-emploi.com/fonts/robotoslab/RobotoSlab-Bold.woff2") format("woff2"); }
/* Exo 2 Black */
@font-face {
  font-family: 'Exo';
  src: url("https://www.connexion-emploi.com/fonts/exo/Exo2-Black.eot");
  src: url("https://www.connexion-emploi.com/fonts/exo/Exo2-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/exo/Exo2-Black.woff2") format("woff2"), url("https://www.connexion-emploi.com/fonts/exo/Exo2-Black.woff") format("woff"), url("https://www.connexion-emploi.com/fonts/exo/Exo2-Black.ttf") format("truetype"), url("https://www.connexion-emploi.com/fonts/exo/Exo2-Black.svg#Exo2-Black") format("svg"), local("Courier New");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

html {
  font-family: "Roboto", sans-serif;
  height: 100%;
  width: 100%; }

body {
  width: 100%;
  margin: 0;
  height: 100%; }

a {
  text-decoration: none; }

label, input {
  font-family: "Roboto", sans-serif; }

strong {
  font-weight: bold; }

p {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.clear-fix {
  clear: both;
  height: 0%; }

.outside-wrapper {
  width: 100%;
  height: 100%;
  z-index: 2; }

.inside-wrapper {
  margin: 0px auto;
  width: 100%;
  background-color: #fff;
  height: 100%; }
  @media only screen and (max-width: 900px) {
    .inside-wrapper {
      width: 100%;
      height: 100%; } }

.wide-bg, .wide-bg-white, .wide-bg-grey {
  width: 100%;
  height: auto; }

.wide-bg-white {
  background-color: #fff; }

.wide-bg-grey {
  background-color: #f2f2f2; }

.header {
  height: 20%;
  min-height: 150px;
  background-color: transparent;
  display: block; }
  @media only screen and (max-width: 900px) {
    .header {
      height: 160px; } }
  @media only screen and (max-width: 800px) {
    .header {
      height: 160px; } }
  @media only screen and (max-width: 750px) {
    .header {
      height: 160px; } }
  @media only screen and (max-width: 600px) {
    .header {
      height: 160px; } }
  .header .header-block, .header .header-row, .header .header-row .logo, .header .header-row .tagline, .header .header-row .switch, .header .header-row .icon, .header .header-row .language, .header .header-row .contact, .header .header-row .menu, .header .header-row .header-form-button, .header .header-left, .header .header-left .header-left-top, .header .header-left .header-left-bottom, .header .header-left .header-left-bottom .header-form-button, .header .header-right, .header .header-right .header-right-top, .header .header-right .header-right-top .tagline, .header .header-right .header-right-top .switch, .header .header-right .header-right-top .icon, .header .header-right .header-right-top .language, .header .header-right .header-right-bottom, .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right, .header .header-right .header-right-bottom .flag, .header .header-right .header-right-bottom .phone, .header .header-right .header-right-bottom .header-form-field, .header .header-right .header-right-bottom .header-form-button {
    position: relative;
    float: left;
    display: block;
    margin: 0px;
    padding: 0px; }
  .header .header-row {
    width: 100%;
    height: 50%; }
    @media only screen and (max-width: 900px) {
      .header .header-row {
        width: 100%;
        height: 50%; } }
    @media only screen and (max-width: 800px) {
      .header .header-row {
        width: 100%;
        height: 50%; } }
    @media only screen and (max-width: 750px) {
      .header .header-row {
        width: 100%;
        height: 80px; } }
    @media only screen and (max-width: 600px) {
      .header .header-row {
        width: 100%;
        height: 160px; } }
    .header .header-row .logo {
      width: 30%;
      border: 0px none;
      z-index: 50;
      left: 0%;
      top: 0%; }
      @media only screen and (max-width: 900px) {
        .header .header-row .logo {
          width: 20%;
          height: 80px; } }
      @media only screen and (max-width: 800px) {
        .header .header-row .logo {
          width: 75%;
          height: 80px; } }
      @media only screen and (max-width: 750px) {
        .header .header-row .logo {
          width: 75%;
          height: 80px; } }
      @media only screen and (max-width: 600px) {
        .header .header-row .logo {
          width: 75%;
          height: 80px; } }
    .header .header-row .tagline {
      width: 14%;
      height: 50%;
      top: 50%;
      background-color: #2864AF; }
      .header .header-row .tagline span {
        display: flex;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        color: #fff;
        text-align: center;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        text-transform: uppercase; }
      @media only screen and (max-width: 900px) {
        .header .header-row .tagline {
          display: none; } }
      @media only screen and (max-width: 800px) {
        .header .header-row .tagline {
          display: none; } }
      @media only screen and (max-width: 750px) {
        .header .header-row .tagline {
          display: none; } }
      @media only screen and (max-width: 600px) {
        .header .header-row .tagline {
          display: none; } }
    .header .header-row .switch {
      width: calc(14% - 1px);
      height: 50%;
      top: 50%;
      background-color: transparent;
      border-right: 1px solid #CDCDCD;
      cursor: pointer; }
      .header .header-row .switch a {
        display: flex;
        font-size: 14px;
        font-family: "Roboto", sans-serif;
        color: #696969;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-transform: uppercase;
        font-weight: normal !important;
        background-color: transparent;
        -webkit-transition: background-color 1s linear, color 0.5s linear;
        -moz-transition: background-color 300ms linear, color 1s linear;
        -o-transition: background-color 1s linear, color 0.5s linear;
        -ms-transition: background-color 1s linear, color 0.5s linear;
        transition: background-color 1s linear, color 0.5s linear; }
        .header .header-row .switch a:hover {
          background-color: #B4E1F5;
          color: #fff !important; }
        @media only screen and (max-width: 1200px) {
          .header .header-row .switch a {
            font-size: 12px; } }
      @media only screen and (max-width: 900px) {
        .header .header-row .switch {
          display: block;
          width: calc(16% - 1px);
          height: 80px;
          text-align: center;
          top: 0%; } }
      @media only screen and (max-width: 800px) {
        .header .header-row .switch {
          display: block;
          width: calc(26% - 1px);
          height: 80px;
          text-align: center;
          top: 0%; } }
    .header .header-row .current-switch {
      background-color: #B4E1F5;
      color: #fff !important; }
      .header .header-row .current-switch a {
        background-color: #B4E1F5;
        color: #fff !important; }
    .header .header-row .icon {
      width: calc(4.5% - 1px);
      height: 50%;
      top: 50%;
      background-color: transparent;
      border-right: 1px solid #CDCDCD;
      cursor: pointer; }
      .header .header-row .icon div {
        display: flex;
        font-size: 24px;
        font-family: "Roboto", sans-serif;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-transform: uppercase;
        -webkit-transition: background-color 1s linear, color 0.5s linear;
        -moz-transition: background-color 300ms linear, color 1s linear;
        -o-transition: background-color 1s linear, color 0.5s linear;
        -ms-transition: background-color 1s linear, color 0.5s linear;
        transition: background-color 1s linear, color 0.5s linear; }
        .header .header-row .icon div:hover {
          background-color: #B4E1F5;
          color: #fff !important; }
        .header .header-row .icon div:hover * {
          color: #fff !important; }
        .header .header-row .icon div i {
          color: #696969;
          background-color: transparent; }
        .header .header-row .icon div a i {
          color: #696969;
          background-color: transparent; }
      @media only screen and (max-width: 900px) {
        .header .header-row .icon {
          display: none; } }
    .header .header-row .language {
      width: calc(5% - 1px);
      height: 50%;
      top: 50%;
      background-color: transparent;
      border-right: 1px solid #CDCDCD;
      cursor: pointer; }
      .header .header-row .language a {
        display: flex;
        font-size: 14px;
        font-family: "Roboto", sans-serif;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-transform: uppercase;
        font-weight: normal;
        color: #9B9B9B;
        -webkit-transition: background-color 1s linear, color 0.5s linear;
        -moz-transition: background-color 300ms linear, color 1s linear;
        -o-transition: background-color 1s linear, color 0.5s linear;
        -ms-transition: background-color 1s linear, color 0.5s linear;
        transition: background-color 1s linear, color 0.5s linear; }
        .header .header-row .language a:hover {
          background-color: #B4E1F5;
          color: #fff !important; }
      .header .header-row .language .current > a {
        font-weight: bold;
        color: #2864AF !important; }
      @media only screen and (max-width: 900px) {
        .header .header-row .language {
          display: block;
          width: calc(16% - 1px);
          height: 80px;
          top: 0%; } }
    .header .header-row .contact {
      width: 30%;
      height: 100%;
      border: 0px none;
      z-index: 50;
      left: 0%;
      top: 0%;
      background-color: #2864AF;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 900px) {
        .header .header-row .contact {
          display: block;
          width: 100%;
          left: 0;
          top: 0;
          max-height: 75px;
          max-width: 100%; } }
    .header .header-row .menu {
      width: 70%;
      height: 100%;
      border: 0px none;
      z-index: 50;
      left: 0%;
      top: 0%;
      background-color: #F5F5F5;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 900px) {
        .header .header-row .menu {
          width: 100%;
          left: 0;
          top: 0;
          max-height: 80px; } }
      @media only screen and (max-width: 800px) {
        .header .header-row .menu {
          width: 100%;
          left: 0;
          top: 0;
          max-height: 80px;
          max-width: 100%; } }
    .header .header-row .header-form-button {
      position: absolute;
      width: 240px;
      height: 48px;
      line-height: 48px;
      border-radius: 4px;
      right: 5%;
      background-color: #2864AF;
      color: #fff;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #fff;
      text-transform: uppercase;
      text-align: center;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer; }
      .header .header-row .header-form-button:hover {
        background-color: #fff;
        color: #2D73B9;
        border: 1px solid #3C96CD; }
  .header .bottom {
    display: block; }
    @media only screen and (max-width: 900px) {
      .header .bottom {
        display: block;
      }
      .header .header-row .header-form-button {
        width: 100%;
        height: 75px;
        line-height: 75px;
        border-radius: 0px;
        border: 0px none;
        right: 0;
      } }
    @media only screen and (max-width: 800px) {
      .header .bottom {
        display: none; } }
    @media only screen and (max-width: 750px) {
      .header .bottom {
        display: none; } }
    @media only screen and (max-width: 600px) {
      .header .bottom {
        display: none; } }
  .header .header-left {
    width: 33.33%;
    height: 100%; }
    @media only screen and (max-width: 900px) {
      .header .header-left {
        width: 100%;
        max-height: 75px; } }
    .header .header-left .header-left-top {
      width: 100%;
      height: 50%; }
      @media only screen and (max-width: 900px) {
        .header .header-left .header-left-top {
          max-height: 80px; } }
    .header .header-left .header-left-bottom {
      width: 100%;
      height: 50%;
      background-color: #2864AF;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 900px) {
        .header .header-left .header-left-bottom {
          max-height: 80px;
          display: none; } }
      .header .header-left .header-left-bottom .header-form-button {
        position: absolute;
        width: 240px;
        height: 48px;
        line-height: 48px;
        border-radius: 4px;
        right: 5%;
        background-color: #2864AF;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #fff;
        text-transform: uppercase;
        text-align: center;
        vertical-align: middle;
        -webkit-transition: background-color 1s, color 1s, border 1s;
        transition: background-color 1s, color 1s, border 1s;
        cursor: pointer; }
        .header .header-left .header-left-bottom .header-form-button:hover {
          background-color: #fff;
          color: #2D73B9;
          border: 1px solid #3C96CD; }
  .header .header-right {
    width: 66.67%;
    height: 100%; }
    @media only screen and (max-width: 900px) {
      .header .header-right {
        width: 100%;
        height: 200%; } }
    @media only screen and (max-width: 800px) {
      .header .header-right {
        width: 100%;
        height: 75%; } }
    @media only screen and (max-width: 750px) {
      .header .header-right {
        width: 100%;
        height: 200%; } }
    @media only screen and (max-width: 600px) {
      .header .header-right {
        width: 100%;
        height: 75%; } }
    .header .header-right .header-right-top {
      width: 100%;
      height: 25%; }
      @media only screen and (max-width: 900px) {
        .header .header-right .header-right-top {
          display: block;
          height: 15%; } }
      .header .header-right .header-right-top .tagline {
        width: 20%;
        height: 100%;
        background-color: #2864AF; }
        .header .header-right .header-right-top .tagline span {
          display: flex;
          font-size: 12px;
          font-family: "Roboto", sans-serif;
          font-weight: bold;
          color: #fff;
          text-align: left;
          padding-left: 5%;
          align-items: center;
          height: 100%;
          width: 90%; }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-top .tagline {
            display: block;
            width: 100%;
            height: 50%; } }
      .header .header-right .header-right-top .switch {
        width: calc(20% - 1px);
        height: 100%;
        background-color: transparent;
        border-right: 1px solid #CDCDCD;
        cursor: pointer; }
        .header .header-right .header-right-top .switch a {
          display: flex;
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          color: #696969;
          justify-content: center;
          align-items: center;
          height: 100%;
          text-transform: uppercase;
          background-color: #fff;
          -webkit-transition: background-color 1s linear, color 0.5s linear;
          -moz-transition: background-color 300ms linear, color 1s linear;
          -o-transition: background-color 1s linear, color 0.5s linear;
          -ms-transition: background-color 1s linear, color 0.5s linear;
          transition: background-color 1s linear, color 0.5s linear; }
          .header .header-right .header-right-top .switch a:hover {
            background-color: #B4E1F5;
            color: #fff !important; }
          @media only screen and (max-width: 1200px) {
            .header .header-right .header-right-top .switch a {
              font-size: 12px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-top .switch {
            display: block;
            width: 30%;
            height: 50%;
            text-align: center; } }
      .header .header-right .header-right-top .icon {
        width: calc(6.67% - 1px);
        height: 100%;
        background-color: transparent;
        border-right: 1px solid #CDCDCD;
        cursor: pointer; }
        .header .header-right .header-right-top .icon span {
          display: flex;
          font-size: 24px;
          font-family: "Roboto", sans-serif;
          justify-content: center;
          align-items: center;
          height: 100%;
          text-transform: uppercase;
          -webkit-transition: background-color 1s linear, color 0.5s linear;
          -moz-transition: background-color 300ms linear, color 1s linear;
          -o-transition: background-color 1s linear, color 0.5s linear;
          -ms-transition: background-color 1s linear, color 0.5s linear;
          transition: background-color 1s linear, color 0.5s linear; }
          .header .header-right .header-right-top .icon span:hover {
            background-color: #B4E1F5;
            color: #fff !important; }
          .header .header-right .header-right-top .icon span:hover * {
            color: #fff !important; }
          .header .header-right .header-right-top .icon span i {
            color: #696969;
            background-color: transparent; }
          .header .header-right .header-right-top .icon span a i {
            color: #696969;
            background-color: transparent; }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-top .icon {
            display: none; } }
      .header .header-right .header-right-top .language {
        width: calc(6.67% - 1px);
        height: 100%;
        background-color: transparent;
        border-right: 1px solid #CDCDCD;
        cursor: pointer; }
        .header .header-right .header-right-top .language a {
          display: flex;
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          justify-content: center;
          align-items: center;
          height: 100%;
          text-transform: uppercase;
          color: #9B9B9B;
          -webkit-transition: background-color 1s linear, color 0.5s linear;
          -moz-transition: background-color 300ms linear, color 1s linear;
          -o-transition: background-color 1s linear, color 0.5s linear;
          -ms-transition: background-color 1s linear, color 0.5s linear;
          transition: background-color 1s linear, color 0.5s linear; }
          .header .header-right .header-right-top .language a:hover {
            background-color: #B4E1F5;
            color: #fff !important; }
        .header .header-right .header-right-top .language .current > a {
          font-weight: bold;
          color: #2864AF !important; }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-top .language {
            display: block;
            width: 12.8%;
            height: 50%; } }
    .header .header-right .header-right-bottom {
      width: 100%;
      height: 75%;
      background-color: #F5F5F5; }
      @media only screen and (max-width: 2000px) {
        .header .header-right .header-right-bottom {
          height: 75%; } }
      @media only screen and (max-width: 1600px) {
        .header .header-right .header-right-bottom {
          height: 75%; } }
      @media only screen and (max-width: 1200px) {
        .header .header-right .header-right-bottom {
          height: 75%; } }
      @media only screen and (max-width: 900px) {
        .header .header-right .header-right-bottom {
          height: 100%; } }
      @media only screen and (max-width: 600px) {
        .header .header-right .header-right-bottom {
          height: 100%; } }
      .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right {
        width: 320px;
        float: left;
        margin-top: 3%;
        margin-left: 5%; }
        @media only screen and (max-width: 1600px) {
          .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right {
            width: 260px; } }
        @media only screen and (max-width: 1200px) {
          .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right {
            width: 200px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right {
            width: 45%;
            margin-top: 3%;
            margin-left: 5%; } }
        @media only screen and (max-width: 600px) {
          .header .header-right .header-right-bottom .header-right-bottom-left, .header .header-right .header-right-bottom .header-right-bottom-right {
            width: 95%;
            margin-top: 0%;
            margin-left: 2%; } }
      @media only screen and (max-width: 900px) {
        .header .header-right .header-right-bottom a {
          display: block;
          margin-top: 5%;
          margin-bottom: 5%; } }
      .header .header-right .header-right-bottom .flag {
        width: 32px;
        height: 32px;
        border-radius: 4px;
        margin-top: 3%;
        margin-left: 5%;
        -webkit-transition: opacity 1s linear;
        -moz-transition: opacity 1s linear;
        -o-transition: opacity 1s linear;
        -ms-transition: opacity 1s linear;
        margin-top: 2.5%;
        margin-left: 4%;
        transition: opacity 1s linear; }
        .header .header-right .header-right-bottom .flag:hover {
          opacity: 0.5; }
        @media only screen and (max-width: 1600px) {
          .header .header-right .header-right-bottom .flag {
            width: 24px;
            height: 24px; } }
        @media only screen and (max-width: 1200px) {
          .header .header-right .header-right-bottom .flag {
            width: 20px;
            height: 20px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-bottom .flag {
            width: 24px;
            height: 24px;
            display: block;
            margin-top: 5%;
            margin-bottom: 5%; } }
      .header .header-right .header-right-bottom .phone {
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        margin-top: 3%;
        margin-left: 2%;
        font-size: 24px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        color: #323232;
        -webkit-transition: color 1s linear;
        -moz-transition: color 1s linear;
        -o-transition: color 1s linear;
        -ms-transition: color 1s linear;
        transition: color 1s linear; }
        .header .header-right .header-right-bottom .phone:hover {
          color: #CDCDCD; }
        @media only screen and (max-width: 1600px) {
          .header .header-right .header-right-bottom .phone {
            font-size: 20px;
            height: 24px;
            line-height: 24px; } }
        @media only screen and (max-width: 1200px) {
          .header .header-right .header-right-bottom .phone {
            font-size: 16px;
            height: 20px;
            line-height: 20px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-bottom .phone {
            font-size: 20px;
            height: 24px;
            line-height: 24px;
            display: block;
            margin-top: 5%;
            margin-bottom: 5%; } }
      .header .header-right .header-right-bottom .header-form-field {
        width: 320px;
        height: 48px;
        border-radius: 4px;
        margin-top: 3%;
        margin-left: 5%;
        background-color: #fff;
        color: #323232;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: bold;
        border: 0px none;
        text-indent: 10px;
        text-transform: uppercase; }
        @media only screen and (max-width: 1600px) {
          .header .header-right .header-right-bottom .header-form-field {
            width: 220px; } }
        @media only screen and (max-width: 1200px) {
          .header .header-right .header-right-bottom .header-form-field {
            width: 180px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-bottom .header-form-field {
            display: block;
            margin-top: 5%;
            margin-bottom: 5%;
            width: 90%; } }
      .header .header-right .header-right-bottom .header-form-button {
        width: 240px;
        height: 48px;
        border-radius: 4px;
        margin-top: 3%;
        margin-left: 5%;
        background-color: #CDD728;
        color: #323232;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: bold;
        border: 0px none;
        text-transform: uppercase; }
        @media only screen and (max-width: 1600px) {
          .header .header-right .header-right-bottom .header-form-button {
            width: 220px; } }
        @media only screen and (max-width: 1200px) {
          .header .header-right .header-right-bottom .header-form-button {
            width: 180px; } }
        @media only screen and (max-width: 900px) {
          .header .header-right .header-right-bottom .header-form-button {
            display: block;
            margin-top: 5%;
            width: 90%; } }

.mobile {
  display: none; }
  @media only screen and (max-width: 800px) {
    .mobile {
      display: block; } }

.main-logo {
  position: relative;
  display: block;
  width: 40%;
  border: 0px none;
  z-index: 50;
  left: 50%;
  top: 5%; }
  @media only screen and (max-width: 900px) {
    .main-logo {
      width: 50%;
      left: 0;
      top: 0;
      max-height: 80px;
      max-width: 187px; } }
  @media only screen and (max-width: 900px) {
    .main-logo {
      width: 100%;
      height: 80px;
      max-width: 187px; } }

.mobile-logo {
  position: relative;
  display: none;
  width: 100%;
  border: 0px none;
  z-index: 50; }
  @media only screen and (max-width: 900px) {
    .mobile-logo {
      width: 100%;
      display: none;
      z-index: 2100; } }

.languages {
  position: relative;
  display: block;
  float: right;
  display: none; }

.language {
  position: relative;
  display: block;
  width: 50px;
  float: left; }

.language-btn {
  position: relative;
  display: block;
  width: 50px;
  float: right; }

.current-language {
  position: relative;
  display: block;
  width: 50px;
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  color: #323232;
  line-height: 50px;
  vertical-align: middle; }
  @media only screen and (max-width: 900px) {
    .current-language {
      display: none; } }

.account {
  position: relative;
  display: block;
  width: 240px;
  height: 30px;
  line-height: 30px;
  float: left;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #2D73B9;
  font-weight: normal;
  text-decoration: none;
  border-radius: 4px;
  border: 0px none;
  margin-top: 10px;
  margin-right: 20px;
  text-transform: uppercase;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer; }
  @media only screen and (max-width: 900px) {
    .account {
      display: none;
      margin-top: 0px;
      border-radius: 4px 0px 0px 4px;
      width: 100%;
      font-size: 12px;
      margin-right: 0px; } }
  .account:hover {
    background-color: #37AFE6; }

.mails-count {
  line-height: 12px;
  height: 12px;
  width: 12px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: #fff;
  background-color: #2864AF;
  display: inline-block; }

.copyright {
  color: #424040;
  font-size: 8px;
  text-align: right;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 2px;
  right: 2px; }

.footer {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background-color: #f2f2f2; }
  .footer .nav-link {
    width: calc(15% - 1px);
  }
  @media only screen and (max-width: 900px) {
    .footer {
      overflow: none;
      min-height: 300px; } }
  @media only screen and (max-width: 900px) {
    .footer .language-btn {
      display: none; }
    .footer .nav-link {
      width: 100%;
    } }
  @media only screen and (max-width: 800px) {
    .footer .nav-link span {
      color: #323232; } }

.footer-links {
  position: relative;
  display: block;
  margin: 0px auto;
  font-size: 14px;
  line-height: 40px;
  vertical-align: middle; }
  @media only screen and (max-width: 1650px) {
    .footer-links {
      font-size: 12px; } }
  @media only screen and (max-width: 1280px) {
    .footer-links {
      font-size: 10px; } }
  @media only screen and (max-width: 1024px) {
    .footer-links {
      font-size: 8px; } }
  @media only screen and (max-width: 900px) {
    .footer-links {
      width: 100%; } }
  .footer-links a {
    text-decoration: none;
    color: #323232;
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    float: left; }
    @media only screen and (max-width: 900px) {
      .footer-links a {
        font-size: 16px; } }

.clear-fix-thick {
  clear: both;
  margin-top: 2%;
  display: block;
  position: relative; }

.clear-fix-thin {
  clear: both;
  margin-top: 1%;
  display: block;
  position: relative; }

.paragraph {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding: 10px;
  display: block; }
  @media only screen and (max-width: 900px) {
    .paragraph {
      font-size: 14px; } }

.subtitle {
  font-size: 28px;
  line-height: 32px;
  text-align: left;
  font-weight: bold;
  padding: 10px;
  display: block; }
  @media only screen and (max-width: 900px) {
    .subtitle {
      font-size: 20px; } }

.title {
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  font-weight: bold;
  padding: 10px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 900; }
  @media only screen and (max-width: 900px) {
    .title {
      font-size: 28px; } }

.middle {
  position: relative;
  display: block;
  margin: 0px auto;
  max-width: 640px; }
  @media only screen and (max-width: 900px) {
    .middle {
      width: 90%; } }

.shadowed {
  text-shadow: 1px 1px 2px #323232; }

.centered {
  text-align: center; }

.justified {
  text-align: justify; }

.wide {
  width: 100%; }

.narrow {
  max-width: 640px;
  margin: 0px auto;
  display: block; }
  @media only screen and (max-width: 900px) {
    .narrow {
      width: 90%; } }

.narrow-plus {
  max-width: 800px;
  margin: 0px auto;
  display: block; }
  @media only screen and (max-width: 900px) {
    .narrow-plus {
      width: 90%; } }

.narrow-super-plus {
  max-width: 1280px;
  margin: 0px auto;
  display: block; }
  @media only screen and (max-width: 900px) {
    .narrow-super-plus {
      width: 90%; } }

.narrow-ultra-plus {
  max-width: 1600px;
  margin: 0px auto;
  display: block; }
  @media only screen and (max-width: 900px) {
    .narrow-ultra-plus {
      width: 90%; } }

.narrow-flex {
  max-width: 1600px;
  margin: 0px auto;
  display: block; }
  @media only screen and (max-width: 2000px) {
    .narrow-flex {
      max-width: 1280px; } }
  @media only screen and (max-width: 1600px) {
    .narrow-flex {
      max-width: 800px; } }
  @media only screen and (max-width: 1200px) {
    .narrow-flex {
      max-width: 800px; } }
  @media only screen and (max-width: 900px) {
    .narrow-flex {
      max-width: 640px; } }
  @media only screen and (max-width: 600px) {
    .narrow-flex {
      max-width: 640px; } }

.column, .left-column, .right-column, .left-column-wide, .right-column-wide, .left-column-narrow, .right-column-narrow {
  margin: 5%;
  display: block;
  position: relative;
  height: auto; }

.left-column {
  float: left;
  width: 40%;
  max-width: 40%;
  display: block;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .left-column {
      width: 90%;
      max-width: 90%; } }

.right-column {
  float: right;
  width: 40%;
  max-width: 40%; }
  @media only screen and (max-width: 900px) {
    .right-column {
      width: 90%;
      max-width: 90%; } }

.left-column-wide {
  float: left;
  width: 50%;
  max-width: 50%; }
  @media only screen and (max-width: 900px) {
    .left-column-wide {
      width: 90%;
      max-width: 90%; } }

.right-column-wide {
  float: right;
  width: 50%;
  max-width: 50%; }
  @media only screen and (max-width: 900px) {
    .right-column-wide {
      width: 90%;
      max-width: 90%; } }

.left-column-narrow {
  float: left;
  width: 30%;
  max-width: 30%; }
  @media only screen and (max-width: 900px) {
    .left-column-narrow {
      width: 90%;
      max-width: 90%; } }

.right-column-narrow {
  float: right;
  width: 30%;
  max-width: 30%; }
  @media only screen and (max-width: 900px) {
    .right-column-narrow {
      width: 90%;
      max-width: 90%; } }

.flex {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 900px) {
    .flex {
      display: block; } }

.top-half {
  height: 35%;
  width: 100%;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .top-half {
      height: 50%; } }

.bottom-half {
  height: 50%;
  width: 100%;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .bottom-half {
      height: 50%; } }

.dark {
  color: #323232; }

.bright {
  color: #fff; }

.primary {
  color: #2864AF; }

.secondary {
  color: #2D73B9; }

.bg-dark {
  background-color: #323232; }

.bg-bright {
  background-color: #fff; }

.opaque {
  opacity: 0.8; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.bold {
  font-weight: bold; }

.prewrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

.embedded {
  margin: 0px auto;
  display: block;
  border: 3px solid #2864AF;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  @media only screen and (max-width: 900px) {
    .embedded {
      border: 0px none;
      max-width: 100%;
      max-height: 100%; } }

.framed {
  display: block;
  border: 3px solid #2864AF;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 900px) {
    .framed {
      border: 0px none;
      max-width: 100%;
      max-height: 100%; } }

.float-block {
  width: 60%;
  margin: 0px auto; }
  @media only screen and (max-width: 900px) {
    .float-block {
      width: 100%; } }

.btn, .btn-primary, .btn-secondary, .btn-tertiary, .btn-darkest, .btn-grey, .btn-facebook, .btn-linkedin, .btn-googleplus, .btn-xing, .btn-primary-small, .btn-primary-medium, .admin-pages .create, .admin-sections .create, .admin-pages .search-field, .admin-pages .sort, .admin-pages .search-button, .admin-pages .upload, .admin-pages .image, .admin-pages .template, .admin-articles .upload, .admin-articles .image, .admin-articles .template, [class^="admin-"] .create, [class^="admin-"] .search-field, [class^="admin-"] form[class^="edit_"] .side-frame .upload, [class^="admin-"] form[class^="edit_"] .side-frame .image, [class^="admin-"] form[class^="edit_"] .side-frame .template, [class^="admin-"] form[class^="edit_"] .side-frame .tab, [class^="admin-"] form[class^="edit_"] .side-frame .submit, [class^="admin-"] form[class^="edit_"] .side-frame .cancel, [class^="admin-"] form[class^="new_"] .side-frame .upload, [class^="admin-"] form[class^="new_"] .side-frame .image, [class^="admin-"] form[class^="new_"] .side-frame .template, [class^="admin-"] form[class^="new_"] .side-frame .tab, [class^="admin-"] form[class^="new_"] .side-frame .submit, [class^="admin-"] form[class^="new_"] .side-frame .cancel, [class^="admin-"] form[class^="edit_"] .option-boxes .check-box, [class^="admin-"] form[class^="edit_"] .choice-boxes .check-box, [class^="admin-"] form[class^="new_"] .option-boxes .check-box, [class^="admin-"] form[class^="new_"] .choice-boxes .check-box, [class^="admin-"] form[class^="edit_"] .page-boxes .check-box, [class^="admin-"] form[class^="new_"] .page-boxes .check-box, [class^="admin-"] form[class^="edit_"] .language-boxes .check-box, [class^="admin-"] form[class^="new_"] .language-boxes .check-box {
  max-width: 640px;
  min-width: 200px;
  position: relative;
  display: block;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 0px none;
  text-transform: uppercase;
  word-break: keep-all;
  margin: 0 auto;
  -webkit-transition: background-color 1s, color 1s, border 1s;
  transition: background-color 1s, color 1s, border 1s;
  cursor: pointer; }
  @media only screen and (max-width: 900px) {
    .btn, .btn-primary, .btn-secondary, .btn-tertiary, .btn-darkest, .btn-grey, .btn-facebook, .btn-linkedin, .btn-googleplus, .btn-xing, .btn-primary-small, .btn-primary-medium, .admin-pages .create, .admin-sections .create, .admin-pages .search-field, .admin-pages .sort, .admin-pages .search-button, .admin-pages .upload, .admin-pages .image, .admin-pages .template, .admin-articles .upload, .admin-articles .image, .admin-articles .template, [class^="admin-"] .create, [class^="admin-"] .search-field, [class^="admin-"] form[class^="edit_"] .side-frame .upload, [class^="admin-"] form[class^="edit_"] .side-frame .image, [class^="admin-"] form[class^="edit_"] .side-frame .template, [class^="admin-"] form[class^="edit_"] .side-frame .tab, [class^="admin-"] form[class^="edit_"] .side-frame .submit, [class^="admin-"] form[class^="edit_"] .side-frame .cancel, [class^="admin-"] form[class^="new_"] .side-frame .upload, [class^="admin-"] form[class^="new_"] .side-frame .image, [class^="admin-"] form[class^="new_"] .side-frame .template, [class^="admin-"] form[class^="new_"] .side-frame .tab, [class^="admin-"] form[class^="new_"] .side-frame .submit, [class^="admin-"] form[class^="new_"] .side-frame .cancel, [class^="admin-"] form[class^="edit_"] .option-boxes .check-box, [class^="admin-"] form[class^="edit_"] .choice-boxes .check-box, [class^="admin-"] form[class^="new_"] .option-boxes .check-box, [class^="admin-"] form[class^="new_"] .choice-boxes .check-box, [class^="admin-"] form[class^="edit_"] .page-boxes .check-box, [class^="admin-"] form[class^="new_"] .page-boxes .check-box, [class^="admin-"] form[class^="edit_"] .language-boxes .check-box, [class^="admin-"] form[class^="new_"] .language-boxes .check-box {
      width: 90%;
      margin-left: 5%; } }

.rotate {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .rotate:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.rotateX {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .rotateX:hover {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.rotateY {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .rotateY:hover {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.scale {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .scale:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.translateX {
  -webkit-transform: translateX(1);
  transform: translateX(1);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  .translateX:hover {
    -webkit-transform: translateX(2em);
    transform: translateX(2em);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.translateY {
  -webkit-transform: translateY(1);
  transform: translateY(1);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  .translateY:hover {
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.translate {
  -webkit-transform: translate(1, 1);
  transform: translate(1, 1);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  .translate:hover {
    transform: translate(2em, 2em);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

.btn-primary {
  color: #fff;
  background-color: #2864AF;
  border: 2px solid #fff; }
  .btn-primary:hover {
    background-color: #fff;
    color: #2D73B9;
    border: 2px solid #3C96CD; }

.btn-secondary {
  color: #fff;
  background-color: #2D73B9;
  border: 0px none; }
  .btn-secondary:hover {
    background-color: #37AFE6; }

.btn-tertiary {
  color: #fff;
  background-color: #CDD728;
  border: 0px none; }
  .btn-tertiary:hover {
    background-color: #B4E1F5; }

.btn-darkest {
  color: #fff;
  background-color: #2864AF;
  border: 0px none; }
  .btn-darkest:hover {
    background-color: #37AFE6; }

.btn-grey {
  color: #fff;
  background-color: #c0c0c0;
  border: 0px none;
  opacity: 0.7; }
  .btn-grey:hover {
    background-color: #c0c0c0; }

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border: 1px solid #3b5998;
  text-transform: none; }

.btn-linkedin {
  color: #fff;
  background-color: #0077b5;
  border: 1px solid #0077b5;
  text-transform: none; }

.btn-googleplus {
  color: #fff;
  background-color: #d34836;
  border: 1px solid #d34836;
  text-transform: none; }

.btn-xing {
  color: #fff;
  background-color: #026466;
  border: 1px solid #026466;
  text-transform: none; }

.btn-primary-small {
  color: #fff;
  background-color: #2864AF;
  border: 0px none;
  width: 100px;
  float: right;
  margin-left: 5px; }
  .btn-primary-small:hover {
    background-color: #3C96CD; }

.btn-primary-medium {
  color: #fff;
  background-color: #2864AF;
  border: 0px none;
  width: 180px;
  float: right;
  margin-left: 5px; }
  .btn-primary-medium:hover {
    background-color: #3C96CD; }

.error-explanation {
  color: black;
  margin: 0px auto;
  margin-bottom: 50px;
  max-width: 640px;
  background-color: pink;
  padding-top: 20px;
  padding-bottom: 20px;
  text-indent: 20px;
  border-radius: 4px; }
  @media only screen and (max-width: 900px) {
    .error-explanation {
      width: 90%; } }

.field_with_errors {
  color: red !important; }

.alert, .alert-success, .alert-notice, .alert-info, .alert-danger, .alert-warning {
  position: fixed;
  margin: 0px auto;
  bottom: 40px;
  right: 40px;
  max-width: 90%;
  padding: 20px;
  border-radius: 4px;
  z-index: 2500; }
  @media only screen and (max-width: 900px) {
    .alert, .alert-success, .alert-notice, .alert-info, .alert-danger, .alert-warning {
      position: relative;
      bottom: 0;
      right: 0;
      width: 90%; } }

.alert-success, .alert-notice {
  color: #fff;
  background-color: #2864AF; }

.alert-info {
  color: darkorange;
  background-color: lightyellow; }

.alert-danger, .alert-warning {
  color: red;
  background-color: pink; }

.lnk, .lnk-primary, .lnk-secondary, .lnk-tertiary, .lnk-dark, .lnk-red {
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: color 1s;
  transition: color 1s;
  cursor: pointer; }

.lnk-primary {
  color: #2864AF; }
  .lnk-primary:hover {
    color: #3C96CD; }

.lnk-secondary {
  color: #2D73B9; }
  .lnk-secondary:hover {
    color: #37AFE6; }

.lnk-tertiary {
  color: #CDD728; }
  .lnk-tertiary:hover {
    color: #B4E1F5; }

.lnk-dark {
  color: #323232; }
  .lnk-dark:hover {
    color: #c0c0c0; }

.lnk-red {
  color: red; }

.avatar {
  margin: 10px 10px 10px 10px;
  object-fit: cover; }

.privacy-info {
  position: fixed;
  display: none;
  width: 100%;
  background: black none repeat scroll 0% 0%;
  font-size: 15px;
  color: white;
  z-index: 10;
  padding: 10px 0px 10px 0px;
  bottom: 50px;
  opacity: 0.9; }

.privacy-title {
  display: block;
  font-size: 18px;
  text-align: center;
  margin: 8px 18px;
  font-family: Roboto;
  color: white; }

.privacy-message {
  display: block;
  margin: 8px auto;
  font-family: Roboto, arial;
  color: white;
  text-align: center;
  line-height: 22px;
  max-width: 640px;
  width: 90%; }

.privacy-button {
  top: 40%;
  border: 0px none;
  background: #2864AF none repeat scroll 0% 0%;
  color: white !important;
  padding: 9px 16px;
  cursor: pointer;
  border-radius: 2px;
  font-family: Roboto;
  font-size: 15px;
  display: block;
  margin: 8px auto auto;
  font-weight: bold; }

.homescreen-message {
  display: none;
  font-size: 11px; }

.standard-form label {
  max-width: 640px;
  width: 640px;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  color: #323232 inherit;
  font-weight: normal;
  text-decoration: none; }
  @media only screen and (max-width: 900px) {
    .standard-form label {
      width: 90%; } }

.recaptcha {
  margin: 0px auto;
  position: relative;
  display: block;
  max-width: 300px; }

.standard-form input[type="text"],
.standard-form input[type="email"],
.standard-form input[type="password"] {
  max-width: 640px;
  width: 620px;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: left;
  text-indent: 0px;
  padding: 10px;
  vertical-align: middle;
  color: #323232;
  background-color: #fff;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #323232;
  border-radius: 4px; }
  @media only screen and (max-width: 900px) {
    .standard-form input[type="text"],
    .standard-form input[type="email"],
    .standard-form input[type="password"] {
      width: 90%; } }

.standard-form input[type="submit"] {
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  cursor: pointer; }
  .standard-form input[type="submit"]:hover {
    background-color: #3C96CD; }

.standard-form textarea {
  max-width: 640px;
  width: 620px;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 120px;
  line-height: 40px;
  font-size: 20px;
  text-align: left;
  text-indent: 0px;
  padding: 10px;
  vertical-align: middle;
  color: #323232;
  background-color: #fff;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #323232;
  border-radius: 4px; }
  @media only screen and (max-width: 900px) {
    .standard-form textarea {
      width: 90%; } }

.standard-form select {
  width: 33%;
  float: left;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  color: #323232;
  background-color: #fff;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #323232;
  border-radius: 4px; }
  @media only screen and (max-width: 900px) {
    .standard-form select {
      width: 33%;
      float: left; } }

.standard-form .check-box {
  width: 30%;
  float: left;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: 2%;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  color: #323232;
  background-color: #fff;
  font-weight: normal;
  text-decoration: none;
  border: 3px solid #2864AF;
  border-radius: 4px; }
  @media only screen and (max-width: 900px) {
    .standard-form .check-box {
      width: 30%;
      float: left;
      margin-left: 1%;
      font-size: 11px; } }

.standard-form .checked {
  background-color: #2864AF;
  color: #fff; }

.in-view span {
  opacity: 1; }

.out-of-view span {
  opacity: 0; }

.info-box {
  width: 12.5%;
  display: block;
  float: left; }
  @media only screen and (max-width: 900px) {
    .info-box {
      width: 50%; } }

.info-box-candidates {
  width: 16.66%;
  display: block;
  float: left; }
  @media only screen and (max-width: 900px) {
    .info-box-candidates {
      width: 50%; } }

.block {
  position: relative;
  width: 100%;
  float: left;
  display: block; }

h1 {
  font-size: 48px;
  font-family: "RobotoSlab-Bold", serif;
  font-weight: normal;
  color: #2864AF; }
  @media only screen and (max-width: 900px) {
    h1 {
      font-size: 40px; } }

h2 {
  font-size: 36px;
  font-family: "RobotoSlab-Bold", serif;
  font-weight: normal;
  color: #2864AF; }
  @media only screen and (max-width: 900px) {
    h2 {
      font-size: 30px; } }

h3 {
  font-size: 24px;
  font-family: "RobotoSlab-Bold", serif;
  font-weight: normal;
  color: #424040; }
  @media only screen and (max-width: 900px) {
    h3 {
      font-size: 20px; } }

.main-headline {
  font-size: 48px;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #2864AF;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media only screen and (max-width: 900px) {
  .main-headline {
    font-size: 6vw; } }
.headline {
  font-size: 36px;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #2864AF;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media only screen and (max-width: 900px) {
  .headline {
    font-size: 6vw; } }
.sub-headline {
  font-size: 24px;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #2864AF;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media only screen and (max-width: 900px) {
  .sub-headline {
    font-size: 5vw; } }
.paragraph-headline {
  font-size: 24px;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  text-align: left;
  color: #2864AF;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media only screen and (max-width: 900px) {
  .paragraph-headline {
    font-size: 5vw; } }
.argument-headline {
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-weight: normal;
  text-align: left;
  color: #2D73B9;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

@media only screen and (max-width: 900px) {
  .argument-headline {
    font-size: 4vw; } }
.recruitment-main .headline {
  padding: 2% 0 2% 0;
  background-color: #2D73B9;
  color: #fff;
  font-weight: bold; }

.recruitment-main .sub-headline {
  color: #323232;
  text-align: center; }

.recruitment-main .paragraph-headline {
  color: #323232;
  font-size: 18px;
  font-weight: bold; }

.recruitment-main .argument-headline {
  color: #2D73B9;
  font-size: 18px;
  font-weight: bold; }

.recruitment-main .wrapper .block table .salary .title .sub-headline, .recruitment-main .wrapper .block table .salary .title .paragrpah-headline {
  color: #fff; }

#recruitment-intro .sub-headline, #uploadcv-intro .sub-headline, #jobfair-intro .sub-headline {
  font-size: 32px;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 2px #323232;
  padding: 5% 1% 1% 5%;
  width: 75%; }

#recruitment-arguments .sub-headline, #uploadcv-arguments .sub-headline, #jobfair-arguments .sub-headline {
  color: #fff;
  word-break: keep-all;
  font-weight: bold;
  width: 100%;
  height: 75px;
  margin-top: 100px; }

@media only screen and (max-width: 900px) {
  #recruitment-arguments .sub-headline, #uploadcv-arguments .sub-headline, #jobfair-arguments .sub-headline {
    font-size: 20px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; } }
.standard-form-wrapper .wrapper .standard-form .sub-headline {
  padding: 2% 0 2% 0;
  background-color: #2D73B9;
  color: #fff;
  font-weight: bold; }

.header .header-row .current-switch {
  background-color: #B4E1F5;
  color: #fff !important; }

.header .header-row .current-switch a {
  background-color: #B4E1F5;
  color: #fff !important; }

.current-parent a span {
  color: #37AFE6 !important; }

.header-bold {
  padding: 2% 0 2% 0;
  background-color: #2D73B9;
  color: #fff;
  font-weight: bold; }

.mobile-menu {
  display: none;
  background-color: transparent;
  position: absolute;
  opacity: 1.0;
  margin-top: 0px;
  width: 25%;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  font-size: 28px;
  right: 0px; }
  @media only screen and (max-width: 800px) {
    .mobile-menu {
      display: block;
      z-index: 2000; } }

.mobile-menu-btn {
  text-decoration: none;
  color: #2864AF;
  text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .mobile-menu-btn {
      position: relative;
      margin-right: 50%;
      float: right;
      z-index: 2000; } }

.user-name {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  float: left;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  color: #323232;
  background-color: none;
  font-weight: normal;
  text-decoration: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 20px;
  text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .user-name {
      display: none;
      margin-right: 0px;
      margin-left: 0px; } }

.user-menu {
  display: none;
  background-color: #2864AF;
  opacity: 1.0;
  line-height: 40px;
  vertical-align: middle;
  font-size: 28px;
  position: absolute;
  top: 70px;
  width: 320px;
  float: right;
  z-index: 5000;
  right: 354px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .user-menu .user-menu-btn {
    display: none; }
  @media only screen and (max-width: 900px) {
    .user-menu {
      display: none; } }

.user-menu-btn {
  text-decoration: none;
  color: #323232;
  font-size: 32px;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: color 1s;
  transition: color 1s;
  cursor: pointer; }
  .user-menu-btn:hover {
    color: #37AFE6; }
  @media only screen and (max-width: 900px) {
    .user-menu-btn {
      display: none; } }

.navigation {
  width: 100%;
  border-bottom: 0px none;
  display: flex;
  float: left;
  position: absolute;
  justify-content: center;
  align-items: baseline; }
  @media only screen and (max-width: 900px) {
    .navigation {
      position: absolute;
      margin: 0;
      float: none;
      top: 0;
      left: 0; } }

.nav-menu {
  display: flex;
  justify-content: center;
  align-items: baseline;
  position: relative;
  width: 100%;
  font-family: "RobotoSlab-Bold", serif;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  opacity: 1.0;
  margin-top: 0px;
  text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .nav-menu {
      display: flex; } }
  @media only screen and (max-width: 800px) {
    .nav-menu {
      display: none;
      border: 0px none;
      position: absolute;
      top: 5px;
      left: 0px;
      height: 2200px;
      background-color: #2864AF;
      opacity: 1.0;
      margin-top: 0px;
      z-index: 2000;
      line-height: 60px;
      vertical-align: middle; } }

.starts .nav-menu, .interviews .nav-menu, .plans .nav-menu, .stands .nav-menu {
  display: none; }

.starts .addthis-smartlayers, .interviews .addthis-smartlayers, .plans .addthis-smartlayers, .stands .addthis-smartlayers {
  display: none; }

.nav-link, .parent {
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
  margin-right: 0px;
  margin-left: 0px;
  cursor: pointer;
  width: calc(20% - 1px);
  text-align: center;
  border-right: 1px dotted #696969;
  -webkit-transition: color 1s;
  transition: color 1s; }
  .nav-link:hover, .parent:hover {
    color: #37AFE6; }
  @media only screen and (max-width: 800px) {
    .nav-link, .parent {
      text-indent: 20px;
      margin-right: 0px;
      margin-left: 0px;
      float: none;
      width: 100%;
      border-bottom: 1px solid #fff;
      color: #fff; }
      .nav-link:hover, .parent:hover {
        color: #3C96CD; } }
  .nav-link span, .nav-link a, .parent span, .parent a {
    text-decoration: none;
    color: #696969;
    width: 100%;
    cursor: pointer;
    -webkit-transition: color 1s;
    transition: color 1s; }
    .nav-link span:hover, .nav-link a:hover, .parent span:hover, .parent a:hover {
      color: #37AFE6; }
    @media only screen and (max-width: 800px) {
      .nav-link span, .nav-link a, .parent span, .parent a {
        color: #fff; }
        .nav-link span:hover, .nav-link a:hover, .parent span:hover, .parent a:hover {
          color: #3C96CD; } }

.current-parent a span {
  color: #37AFE6 !important; }

.parent {
  border-bottom: 0px none; }

.children {
  background-color: transparent !important;
  display: none;
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 25px;
  display: none;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 60px;
  line-height: 60px;
  vertical-align: middle;
  font-family: "RobotoSlab-Bold", serif;
  font-size: 12px;
  font-weight: normal;
  background-color: transparent;
  opacity: 1.0;
  margin-top: 0px;
  text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .children {
      padding: 0px;
      width: 100%; } }
  @media only screen and (max-width: 900px) {
    .children {
      display: none;
      border: 0px none;
      position: absolute;
      top: 80px;
      left: 0px;
      height: 1200px;
      background-color: #2864AF;
      opacity: 1.0;
      margin-top: 0px;
      z-index: 2000; } }
  .children .nav-link, .children span {
    color: #2864AF !important; }

/*.children .nav-link {

  float:none;
  background-color: $color-connexion-darkest;
  color: $font-color-bright;

  span {

    color: $font-color-bright;

    cursor: pointer;

    -webkit-transition: color 1s;
    transition: color 1s;

    &:hover { color: $primary-hover-color; }

  }

  @media only screen and (max-width: 900px) {

    background-color: $secondary-button-color;
    border-bottom: 0px none;
    &:hover { color: $secondary-hover-color; }

    span {

      &:hover { color: $secondary-hover-color; }

    }


  }

}*/
.nav-user.mobile {
  display: none; }
  @media only screen and (max-width: 800px) {
    .nav-user.mobile {
      display: block;
      margin-right: 0px;
      width: 100%;
      border-bottom: 1px solid #fff;
      position: relative;
      float: right;
      padding-right: 20px;
      margin-left: 0px;
      height: 50px;
      line-height: 50px;
      vertical-align: middle;
      line-height: 50px;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      font-weight: normal;
      text-transform: uppercase;
      text-align: right;
      background-color: #2D73B9; } }
  .nav-user.mobile a {
    text-decoration: none;
    color: #fff; }

.current a {
  text-decoration: none;
  color: #2864AF; }
  @media only screen and (max-width: 900px) {
    .current a {
      color: #2D73B9; } }

.nav-user {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  color: #fff;
  background-color: none;
  text-decoration: none;
  border-radius: 0px;
  margin-top: 10px;
  margin-right: 20px;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: color 1s;
  transition: color 1s;
  cursor: pointer; }
  .nav-user:hover {
    color: #37AFE6; }
  @media only screen and (max-width: 900px) {
    .nav-user {
      margin-top: 0px;
      border-radius: 4px 0px 0px 4px;
      font-size: 10px;
      margin-right: 10px; } }

.pagination {
  display: block;
  margin: 0px auto;
  position: relative;
  float: right; }
  .pagination a {
    text-decoration: none;
    color: #323232;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #323232;
    display: block;
    position: relative;
    float: left;
    font-size: 16px; }
  .pagination .current {
    text-decoration: none;
    color: #2864AF;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #2864AF;
    display: block;
    position: relative;
    float: left;
    font-size: 16px; }
  .pagination .gap {
    text-decoration: none;
    color: #323232;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #323232;
    display: block;
    position: relative;
    float: left;
    font-size: 16px; }
  .pagination .previous_page, .pagination .next_page {
    text-decoration: none;
    color: #323232;
    width: 100px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #323232;
    display: block;
    position: relative;
    float: left;
    font-size: 16px; }
  .pagination .disabled {
    text-decoration: none;
    color: #c0c0c0;
    border-color: #c0c0c0; }

.admin-menu {
  display: none;
  background-color: #2864AF;
  opacity: 1.0;
  line-height: 40px;
  vertical-align: middle;
  font-size: 28px;
  position: absolute;
  top: 70px;
  width: 320px;
  float: right;
  z-index: 5000;
  right: 431px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .admin-menu .user-menu-btn {
    display: none; }
  @media only screen and (max-width: 900px) {
    .admin-menu {
      display: none; } }

.admin-menu-btn {
  text-decoration: none;
  color: #323232;
  font-size: 32px;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: color 1s;
  transition: color 1s;
  cursor: pointer; }
  .admin-menu-btn:hover {
    color: #37AFE6; }
  @media only screen and (max-width: 900px) {
    .admin-menu-btn {
      display: none; } }

.menu {
  position: fixed;
  display: none;
  width: 160px;
  height: 320px;
  line-height: 40px;
  color: #696969;
  background-color: #F5F5F5;
  border-radius: 0 4px 0 0;
  top: 35%;
  left: 0;
  z-index: 5000;
  text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .menu {
      top: auto;
      bottom: 0%; } }
  .menu ul {
    list-style: none;
    list-style-type: none;
    text-indent: -10px; }
  .menu a {
    color: #696969;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    font-family: "RobotoSlab-Bold", serif; }
  .menu img {
    width: 160px; }
    @media only screen and (max-width: 900px) {
      .menu img {
        display: none; } }
  .menu .contact-btn {
    color: #696969;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: "RobotoSlab-Bold", serif;
    color: #fff;
    background-color: #2D73B9;
    border-radius: 0 0 4px 0;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    margin-top: -14px; }

    *,
    *::after,
    *::before {
      box-sizing: border-box;
    }

    .publish-now-button{
        border-radius: 4px;
        width: 28%;
        min-width: 360px;
        max-width: 100%;
        height: 48px;
        line-height: 48px;
        display: block;
        float: right;
        margin-right: 4%;
        background-color: #F54137;
        color: #fff;
        font-family: 'Roboto', sans-serif; font-size: 12px;
        font-weight: bold;
        border: 1px solid #323232;
        text-transform: uppercase;
        text-align: center;
        margin-top: 15px;
        vertical-align: middle;
        -webkit-transition: background-color 1s, color 1s, border 1s;
        transition: background-color 1s, color 1s, border 1s; cursor: pointer;
    }

    .place-offer-button{
      border-radius: 4px;
      width: 28%;
      max-width: 100%;
      height: 36px;
      line-height: 36px;
      display: block;
      margin-right: 4%;
      background-color: #ffd246;
      color: #323232;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #323232;
      text-transform: uppercase;
      text-align: center;
      margin-top: -4px;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;
      float: right;
    }


    #normes { width: 20%; float: left; position: relative; margin-bottom: 10px; margin-left: 10px; display: block; }
    #normes .iso img { width: 20%; display: block; float: left; position: relative; }
    #normes .charta img { width: 60%; display: block; float: left; position: relative; margin-left: 10%; }

    @media only screen and (max-width: 900px) {
      #normes { width: 100%; }
      #normes .iso img { width: 10%; display: block; float: left; position: relative; margin-left: 25%; }
      #normes .charta img { width: 30%; display: block; float: left; position: relative; margin-left: 10%; }
      #main { width: 95%; margin-left: 2.5%; }
    }

    @media only screen and (max-width: 800px) {
      .place-offer-button{
        width: 90%;
        height: 48px;
        line-height: 48px;
      }
      .candidate-index #masshead h2 { margin-top: 25px; }
    }

    #shares {

      position: fixed;
      top: calc(50% - 120px);
      right: 0px;
      display: block;
      height: 240px;
      width: 40px;
      z-index: 1000;

    }

    #shares .share {

      position: relative;
      height: 40px;
      width: 40px;
      float: left;
      display: block;
      background-color: #424242;
      color: #fff;
      font-size: 24px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;

    }

    @media only screen and (max-width: 800px) {
      #shares { position: fixed; width: 240px; height: 40px; top: auto; right: auto; left: 0px; bottom: 0px; z-index: 5; }
    }

    .head-bar {

      background-color: #2D73B9;
      display: block;
      width: 100%;
      height: 50px;
      position: relative;

    }

    .head-pic {

      position: relative;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 360px;
      z-index: 1;
      background-image: url('/images/ce_banner.jpg');

    }

    .head-block {

      background-color: #3C96CD;
      display: block;
      width: 100%;
      height: 400px;
      position: relative;

    }

    .coaching_club .head-block {

      height: 100px;

    }

    .head-title {

      color: #fff;
      font-size: 28px;
      text-align: center;
      top: 10px;
      left: 20%;
      width: 60%;
      position: absolute;
      margin-top: revert;

    }

    .head-form {

      position: relative;
      top: -80px;
      width: 50%;
      display: block;
      margin: 0px auto;
      display: block;
      z-index: 1000;

    }

    .head-keyword {

      width: 40%;
      float: left;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      padding: 4px;
      height: 48px;

    }

    .head-location {

      width: 30%;
      float: left;
      margin-left: 25px;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      padding: 4px;
      height: 48px;

    }

    .head-submit {

      border-radius: 4px;
      width: 20%;
      height: 48px;
      line-height: 48px;
      margin-left: 25px;
      display: block;
      float: left;
      background-color: #3C96CD;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #fff;
      text-transform: uppercase;
      text-align: center;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;

    }

    .quickoffer-button {

      border-radius: 4px;
      width: 240px;
      height: 48px;
      line-height: 48px;
      display: block;
      float: right;
      background-color: transparent;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #ffffff;
      text-transform: uppercase;
      text-align: center;
      margin-top: 25px;
      margin-right: 50px;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;

    }

    .offers-background {

      background-color: #f5f5f5;
      display: block;
      width: 100%;
      height: auto;
      position: relative;
      padding-bottom: 25px;
      min-height: 100vh;

    }

    .offers-block {

      width: 70%;
      display: block;
      margin: 0px auto;

    }

    .offers-left {

      background-color: #696969;
      display: block;
      float: left;
      width: 33%;
      height: 330px;
      position: relative;

    }

    .offers-upload {

      max-width: 100%;

    }

    .offers-instruct {

      font-size: 11px;
      margin-top :5px;
      color: #fff;

    }

    .offers-right {

      background-color: #323232;
      display: block;
      width: 66%;
      height: 330px;
      position: relative;
      float: right;

    }

    .offers-submit {

      border-radius: 4px;
      width: 100%;
      height: 48px;
      line-height: 48px;
      display: block;
      float: left;
      background: none;
      background-color: #cdcdcd;
      color: #323232;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #fff;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0px;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;
      padding: revert;

    }

    .offers-confidential {

      font-size: 11px;
      margin-top :5px;
      color: #fff;

    }

    .offers-title {

      color: #fff !important;
      font-size: 32px;
      text-align: right;
      right: 20%;
      top: 0%;
      position: absolute;
      margin-top: revert;

    }

    .offers-pic {

      position: absolute;
      top: 95px;
      left: 0;
      display: block;
      width: 100%;
      height: 235px;
      z-index: 1;
      background-image: url('/images/job_interview.jpg');

    }

    .offers-row-left, .events-row-left {

      width: 50%;
      float: left;

    }

    .offers-row-right, .events-row-right {

      width: 50%;
      float: right;

    }

    .articles-block {
      width: 70%;
      display: block;
      margin: 0px auto;
    }

    .articles-left {

      background-color: #ffd246;
      display: block;
      width: 66%;
      height: 150px;
      position: relative;
      float: left;

    }

    .articles-right {

      float: right;
      width: 33%;

    }

    .articles-title {

      color: #323232 !important;
      font-size: 32px;
      text-align: left;
      left: 20%;
      top: 20%;
      position: absolute;
      padding: revert;
      margin-top: revert;

    }

    .articles-form {

      width: 90%;
      margin-left: 5%;

    }

    .articles-label {

      font-size: 14px;
      color: #323232;

    }

    .articles-keyword {

      font-size: 14px;
      text-indent: 10px;
      width: 100%;
      max-width: 100%;
      height: 48px;
      padding: 3px;

    }

    .articles-submit {

      border-radius: 4px;
      width: 100%;
      height: 48px;
      line-height: 48px;
      display: block;
      float: left;
      background: none;
      background-color: #F54137;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #323232;
      text-transform: uppercase;
      text-align: center;
      margin: 15px 0px 0px 0px !important;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;
      padding: revert;

    }

    .articles-sidebar {

      float: right;
      display: block;
      width: 33%;
      position: relative;
      background-color: #fff;
      margin-top: 10px;

    }

    .newsletter-block {

      float: right;
      display: block;
      width: 33%;
      height: 360px;
      position: relative;
      background-color: #323232;
      margin-top: 20px;

    }

    .newsletter-title {

      color: #fff;
      margin-top: revert;
      margin-bottom: revert;

    }

    .newsletter-submit {

      border-radius: 4px;
      width: 100%;
      height: 48px;
      line-height: 48px;
      display: block;
      float: left;
      background: none;
      background-color: #323232;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #fff;
      text-transform: uppercase;
      text-align: center;
      margin-top: 15px;
      vertical-align: middle;
      -webkit-transition: background-color 1s, color 1s, border 1s;
      transition: background-color 1s, color 1s, border 1s;
      cursor: pointer;
      padding: revert;"

    }

    .events-background {

      background-color: #f5f5f5;
      display: block;
      width: 100%;
      height: auto;
      position: relative;
      padding-bottom: 25px;
      min-height: 30vh;

    }

    .events-block {

      width: 70%;
      display: block;
      margin: 0px auto;

    }

    .events-left {

      float: left;
      width: 33%;

    }

    .events-right {

      background-color:#F54137;
      display: block;
      width: 66%;
      height: 150px;
      position: relative;
      float: right;

    }

    .events-title {

      color: #fff !important;
      font-size: 32px;
      text-align: right;
      right: 20%;
      top: 20%;
      position: absolute;
      padding: revert;
      margin-top: revert;

    }

    @media only screen and (max-width: 1800px) {
      .head-form { width: 60%; top: -80px; }
      .head-title { left: 15%; width: 70%; }
      .newsletter-block { height: 400px; }
    }

    @media only screen and (max-width: 1400px) {
      .head-form { width: 70%; top: -80px; }
      .head-title { left: 10%; width: 80%; }
      .quickoffer-button { display: none; }
      .column { width: 98% !important; }
    }

    @media only screen and (max-width: 1150px) {
      .head-form { width: 80%; top: -80px; }
      .quickoffer-button { display: none; }
      .newsletter-block { height: 480px; }
    }

    @media only screen and (max-width: 900px) {
      .head-pic { background-size: 100%; background-repeat: no-repeat; height: 70px; }
      .head-block { height: 1140px; }
      .coaching_club .head-block { height: 400px; }
      .head-form { top: 200px; width: 90%; }
      .head-keyword, .head-location, .head-submit { width: 90%; margin-top: 10px; margin-left: 5%; }
      .head-title { left: 5%; width: 90%; }
      #testimonial5, #testimonial2, #testimonial3, #testimonial4 { display: block; }
      .testimonial .name_and_position, .testimonial .content { padding-right: 50px; }
      .offers-block, .articles-block, .newsletter-block { width: 100%; }
      .offers-left { left: 5%; width: 90%; height: 360px; }
      .offers-right { left: 5%; width: 90%; float: left; height: 200px; }
      .offers-upload { margin-left: 25px; margin-top: 10px; }
      .offers-instruct, .offers-confidential { margin-left: 20px; }
      .offers-submit { width: 90%; }
      .offers-title { font-size: 28px; text-align: center; width: 100%; right: 0%; }
      .offers-pic { background-size: 100%; background-repeat: no-repeat; }
      .offers-row-left, .offers-row-right, .events-row-left, .events-row-right { width: 100%; max-width: 100% !important; }
      .column { width: 98% !important; }
      .articles-title { font-size: 28px; text-align: center; width: 100%; left: 0%; }
      .articles-left { left: 5%; width: 90%; float: left; height: 200px; }
      .articles-right { margin-left: 5%; width: 90%; height: 200px; }
      .articles-form { width: 100%; margin-left: 0%; }
      .articles-label { margin: 15px 0px 0px 0px !important; }
      .articles-keyword { width: 90%; }
      .articles-submit { width: 90%; }
      .articles-row { width: 90%; max-width: 90% !important; margin-left: 5% !important; }
      .articles-sidebar { width: 90%; margin-right: 5%; margin-top: 50px; }
      .newsletter-block { height: 360px; }
      .newsletter-submit { width: 90%; }
      .events-block { width: 100%; }
      .events-left, .events-right { left: 5%; width: 90%; float: left; }
      .events-right { height: 240px; }
      .events-title { font-size: 28px; text-align: center; width: 100%; right: 0%; }
    }


    .row {
        max-width: 66%;
        margin-left: 0;
    }

    .theme-pads .theme-pad-container {
        margin-bottom: 0;
    }

    .theme-pads .theme-pad-container .theme-pad {
        position: relative;
        display: block;
    }

    .theme-pad-container a {
        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        transition: color 0.1s linear;
        color: #2864AF;
        text-decoration: none;
    }

    .theme-pads .theme-pad-container .theme-pad::before {
        border-radius: 0px;
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 1;
        opacity: .5;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
    }

    .theme-pads .theme-pad-container .theme-pad img {

        display: inline-block;
        vertical-align: middle;
        width:100%;
        height:auto;
        object-fit:cover;
        -ms-interpolation-mode: bicubic;
        -webkit-filter: grayscale(60%);
        filter: grayscale(60%);
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        border-radius: 0px;
    }

    .theme-pads .theme-pad-container .theme-pad span.theme-pad-icon {
        top: 5%;
        left: auto;
        right: 5%;
    }

    .theme-pads .theme-pad-container .theme-pad span.theme-pad-icon {
        position: absolute;
        top: 5%;
        left: auto;
        right: 5%;
    }

    .theme-pads .theme-pad-container .theme-pad span.theme-pad-icon i {
        font-size: 80px;
    }

    .theme-pads .theme-pad-container .theme-pad span.theme-pad-icon i {
        color: #fff;
        font-size: 50px;
    }

    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
            font-size: 14px;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .theme-pads .theme-pad-container .theme-pad .theme-pad-overlay {
        padding: 1rem 1rem 1rem;
    }

    .theme-pads .theme-pad-container .theme-pad .theme-pad-overlay {
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 5%;
        border-radius: 0px;
        background-color: #fff;
        padding: .4rem .4rem 0;
        z-index: 2;
        -webkit-transition: padding-bottom .2s ease-in-out;
        transition: padding-bottom .2s ease-in-out;
    }

    .theme-pads .theme-pad-container .theme-pad .theme-pad-overlay .theme-pad-name {
        font-size: 1.3rem;
    }

    .theme-pads .theme-pad-container .theme-pad .theme-pad-overlay .theme-pad-name {
        font-family: 'Roboto',sans-serif;
        color: #2864AF;
        font-size: .9rem;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }

    .row::after {

        clear: both;

    }

    .row::after, .row::before {
        display: table;
        content: " ";
    }

    .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
    }
    .large-up-3 > .column:nth-of-type(n), .large-up-3 > .columns:nth-of-type(n) {
        clear: none;
    }
    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }
    .small-up-2 > .column:nth-of-type(n), .small-up-2 > .columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.3333333333%;
    }
    .small-up-2 > .column, .small-up-2 > .columns {
        float: left;
        width: 48%;
        margin: 1%;
    }
    .column, .column:last-child:not(:first-child), .columns {
        float: left;
        clear: none;
        min-height: 275px;
        height: 275px;
    }

    ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

    screen and (min-width:40em){.theme-pads .theme-pad-container .theme-pad span.theme-pad-icon{top:5%;left:auto;right:5%;}}.theme-pads .theme-pad-container .theme-pad span.theme-pad-icon i{color:#fff;font-size:50px}@media print,
    screen and (min-width:40em){.theme-pads .theme-pad-container .theme-pad span.theme-pad-icon i{font-size:80px}}.theme-pads .theme-pad-container .theme-pad .theme-pad-overlay{position:absolute;left:5%;right:5%;bottom:5%;border-radius:0px;background-color:#fff;padding:.4rem .4rem 0;z-index:2;-webkit-transition:padding-bottom .2s ease-in-out;transition:padding-bottom .2s ease-in-out}@media print,
    screen and (min-width:40em){.theme-pads .theme-pad-container .theme-pad .theme-pad-overlay{padding:1rem 1rem 1rem}}.theme-pads .theme-pad-container .theme-pad .theme-pad-overlay .theme-pad-name{font-family: 'Roboto',
    sans-serif;color:#2864AF;font-size:.9rem;font-weight:400;text-transform:uppercase;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}@media print,
    screen and (min-width:40em){.theme-pads .theme-pad-container .theme-pad .theme-pad-overlay .theme-pad-name{font-size:0.9rem}}.theme-pads .theme-pad-container .theme-pad:hover:before{opacity:0}.theme-pads .theme-pad-container .theme-pad:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.theme-pads .theme-pad-container .theme-pad:hover .theme-pad-overlay{padding-bottom:2rem}.theme-pads .theme-pad-container .theme-pad:hover .theme-pad-overlay .theme-pad-name{color:#000}.aboutus h3{font-size:0.9rem;text-transform:uppercase}
    @media only screen and (max-width: 800px) { .theme-pads .theme-pad-container .theme-pad::before{opacity:0}.theme-pads .theme-pad-container .theme-pad::before img{-webkit-filter:grayscale(0);filter:grayscale(0)} }


.users_show #main, .users_show #sidebar, .users_salary #left, .users_salary #right, .coaching_club .left, .coaching_club .right { width: 49%; }
.users_show #main h3, .users_show #sidebar h3 { background-color: #2864AF; font-family: 'Roboto', sans-serif; font-size: 18px; padding: 25px 25px; border-radius: 0px; color: #fff; margin-top: 0px !important; margin-bottom: 0px !important; }
.users_show #main .t, .users_show #sidebar .t, #personal-info { border-radius: 0px; }
.users_show #main .t, .users_show #sidebar .t { border: 1px solid #5AA5E6; }
#user-account div, #account_sidebar_links { margin: 0 0 0 0; }
.users_show #main #personal-info, .users_show #main #cv-list, .users_show #main #job-newsletter, .users_show #main #events, .users_show #main #estimation, .users_show #sidebar #settings, .users_show #sidebar #user-offers, .users_show #sidebar #wish, .users_show #sidebar #expert { margin: 5px; }
.users-show #user-offers tr { vertical-align: middle; }
.users-show table tr td { padding: 10px 10px; }
.users-show #user-offers table tr td a, .users-show .resume a, .users-show #settings a { color: #2864AF; }

.users-show .resume-actions a { color: #696969; }


.personal_infos_edit #main { width: 100%; }

#user_personal_info_attributes_address { max-width: 98%; }
#candidate_event_id { max-width: 90%; }


 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.users_salary #main { width: 100%; background: url(https://www.connexion-emploi.com/images/salary_background.jpg) no-repeat 420px 40px; background-size: cover; }
.users_salary #left { float: left; background-color: rgba(90,165,230,.75); border-radius: 4px; padding: 20px; }
.users_salary #right { float: right; background-color: rgba(90,165,230,.75); border-radius: 4px; padding: 20px; }

.coaching_club .left { float: left; background-color: #F5F5F5; border-radius: 4px; padding: 20px; }
.coaching_club .right { float: right; background-color: #ffffff; border-radius: 4px; padding: 20px; }

.users_salary #left li { padding: 10px; }
.users_salary #right li { padding: 10px; }

.users_salary #left input { width: 90%; }
.users_salary #right input { width: 90%; }

.users_salary #left li label { color: #FFF; }
.users_salary #right li label, .users_salary #right li .instruct { color: #FFF; }

.users_salary input[type="submit"] {
	min-width: 240px;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
	background-color: #2864AF !important;
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #fff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: background-color 1s,color 1s,border 1s;
	transition: background-color 1s,color 1s,border 1s;
	cursor: pointer;
	}

.coaching_club #main { width: 100%; }

.coaching_club .head-bar a { width: 100%; text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; display: block; line-height: 50px; }

.coaching_club .head-pic { background: url('/images/club-20230209.jpg') no-repeat 0px 0px; background-size: auto; background-size: cover; }

.coaching_club .expert { border: 1px solid #c0c0c0; border-radius: 5px; width: 24%; height: 270px; float: left; display: block; margin: 6px; }

.coaching_club .expert .avatar img { margin: 0px; border-radius: 5px; width: 80px; }

.coaching_club .expert .avatar { float: left; margin: 10px 0px 10px 10px; }

.coaching_club .expert .name { float: right; margin: 7px; font-weight: bold; font-size: 14px !important; }

.coaching_club .expert .linkedin-profile { float: right; margin: 10px; font-weight: normal; }

.coaching_club .expert .job-title { float: left; margin: 10px 0px 10px 7px; font-weight: bold; font-size: 11px; }

.coaching_club .expert .job { float: right; margin: 10px; font-weight: normal; font-size: 11px; }

.coaching_club .expert .tags-title { float: left; margin: 10px 0px 10px 7px; font-weight: bold; font-size: 11px; color: #c0c0c0; display: none; }

.coaching_club .expert .tags { float: right; margin: 10px; font-weight: normal; font-size: 11px; color: #c0c0c0; }

.coaching_club .expert .place-title { float: left; margin: 10px 0px 10px 7px; font-weight: bold; font-size: 11px; }

.coaching_club .expert .place { float: right; margin: 10px; font-weight: normal; font-size: 11px; }

.coaching_club .one { margin-left: 25%; }

#join-button { width: 90%; }


.user_sessions_new, .user_sessions_create { overflow: hidden; }

.user_sessions_new .background, .user_sessions_create .background {

  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url(/images/bg_business_1920.webp) no-repeat top center #2f201d;
  height: 100%;
  width: 100%;
  background-size: cover;
  filter: blur(4px) grayscale(70%);

}

.no-webp .background .user_sessions_new, .no-webp .background .user_sessions_create {
  background: url(/images/bg_business_1920.jpg) no-repeat top center #2f201d; }

.user_sessions_new .header, .user_sessions_new #normes, .user_sessions_new .socialbar, .user_sessions_new .footer, .user_sessions_create .header, .user_sessions_create #normes, .user_sessions_create .socialbar, .user_sessions_create .footer { display:none; }

.user_sessions_new .inside-wrapper, .user_sessions_create .inside-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.user_sessions_new .login, .user_sessions_create .login {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 420px;
  height: 100%;
  max-height: 696px;
  display: block;
  z-index: 3;
  border-radius: 8px;
}

.user_sessions_new .login .logo, .user_sessions_create .login .logo {
  max-width: 66%;
  margin: 0px auto;
  display: block;
}

.user_sessions_new .login .title, .user_sessions_create .login .title {
  font-size: 20px;
  padding: 20px;
  background-color: #2864AF;
  color: #fff;
}

.user_sessions_new .login-label, .user_sessions_create .login-label {
  max-width: 60%;
  width: 60%;
  margin: 0px auto;
  position: relative;
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  color: #323232 inherit;
  font-weight: normal;
  text-decoration: none;
}

.user_sessions_new #new_user_session, .user_sessions_new #new_user, .user_sessions_create #new_user_session, .user_sessions_create #new_user {

  font-size: 16px;
  line-height: 24px;
  width: 100%;
  position: relative;
  background-color: transparent;
  transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: auto;
  margin-bottom: 14px;
  box-sizing: border-box;
  padding: 25px 60px 0px;

}

.user_sessions_new .login-field, .user_sessions_create .login-field {
  padding: 0 32px 10px 8px;
  position: relative;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  color: rgb(49, 52, 67);
  cursor: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  box-sizing: border-box;
  transition: background-color 5000s ease-in-out 0s;
  border-bottom: 1px solid #696969;
}

.user_sessions_new .login-remember, .user_sessions_create .login-remember { color: #696969; }

.user_sessions_new .login-tagline, .user_sessions_create .login-tagline { font-size: 10px; position:relative; margin-top: -30px; margin-left: 58%; display: block; }

.user_sessions_new .login-submit, .user_sessions_create .login-submit { width: 300px; max-width: 300px; margin-left: unset; margin: 0px auto; }


@media only screen and (max-width: 1200px) {
	
	.coaching_club .expert { width: 32%; }	
	
}

@media only screen and (max-width: 1200px) {
	
	.coaching_club .expert { width: 46%; }	
	
}

.banner-desktop { display: block; }
.banner-mobile { display: none; }

@media only screen and (max-width: 800px) {
  .banner-desktop { display: none; }
  .banner-mobile { display: block; }

	.users_show #main, .users_show #sidebar, .users_salary #left, .users_salary #right, .coaching_club #main, .coaching_club .left, .coaching_club .right { width: 95%; box-sizing: unset; }
	
	.users_salary #right { float: left; }
	.users_salary #main { margin-left: 0px; }


  .user_sessions_new, .user_sessions_create { overflow: auto; }

  .user_sessions_new .login, .user_sessions_create .login { width: 100%; max-width: 100%; max-height: 100%; border-radius: 0px; }

  .user_sessions_new .login .title, .user_sessions_create .login .title {
    font-size: 20px;
    padding: 10px;
  }

  .user_sessions_new .inside-wrapper, .user_sessions_create .inside-wrapper { width: 102%; }

	.user_sessions_new .login-submit, .user_sessions_create .login-submit { width: 100%; max-width: 100%; margin-left: unset; margin: 0px auto; }

	.coaching_club .head-pic { background: url('/images/club-20230209.jpg') no-repeat 0px 0px; background-size: auto; background-size: cover; }
	
	.coaching_club .expert { width: 90%; }
	
	.coaching_club .left, .coaching_club .right { padding: 10px; }
	
	.coaching_club .one { margin-left: 0%; }
	
	.users_show #main #personal-info, .users_show #main #cv-list, .users_show #main #job-newsletter, .users_show #main #events, .users_show #main #estimation, .users_show #sidebar #settings, .users_show #sidebar #user-offers, .users_show #sidebar #wish, .users_show #sidebar #expert { margin: 2%; width: 96%; }
}


#recruitment-arguments { margin-top: 0px; }

#recruitment-arguments .sub-headline {color:#fff;word-break:keep-all;font-weight:700;width:100%;height:75px;margin-top:100px}

#recruitment-arguments #recruitment-arguments-one { margin-left: 12.5% }

@media only screen and (max-width:900px){
  #recruitment-arguments .sub-headline {
    font-size:20px;
    -moz-hyphens:auto;
    -o-hyphens:auto;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;hyphens:auto
  }
}

#recruitment-arguments #recruitment-arguments-one {
  background:url(https://www.connexion-emploi.com/images/pictos/reactivity.png) center 25px no-repeat;
}
  
#recruitment-arguments #recruitment-arguments-two {
  background:url(https://www.connexion-emploi.com/images/pictos/relationship.png) center 25px no-repeat
}

#recruitment-arguments #recruitment-arguments-three {
  background:url(https://www.connexion-emploi.com/images/pictos/brain.png) center 25px no-repeat
}

#recruitment-arguments #recruitment-arguments-four {
  background:url(https://www.connexion-emploi.com/images/pictos/target.png) center 25px no-repeat
}

#recruitment-arguments .block {
  float:left;
  display:block;
  width:25%
}

@media only screen and (max-width: 1800px) {
 #recruitment-arguments { margin-top: 25px; }
 #recruitment-arguments .sub-headline { font-size: 18px; }
}

@media only screen and (max-width: 1400px) {
 #recruitment-arguments { margin-top: 25px; }
 #recruitment-arguments .sub-headline { font-size: 16px; }
 #recruitment-arguments #recruitment-arguments-one { margin-left: 5%; }
 #recruitment-arguments .block { width: 30%; min-height:220px }
}

@media only screen and (max-width: 1150px) {
 #recruitment-arguments { margin-top: 25px; }
 #recruitment-arguments .sub-headline { font-size: 18px; }
 #recruitment-arguments #recruitment-arguments-one { margin-left: 5%; }
 #recruitment-arguments .block { width: 30%; min-height:220px }
}


@media only screen and (max-width:900px){
 #recruitment-arguments { margin-top: 240px; }
 #recruitment-arguments #recruitment-arguments-one { margin-left: 0%; }
 #recruitment-arguments .block { width:100%; min-height:200px }
}

.header-form-button { background-color: #3C96CD !important; }