@import url(/fonts.googleapis.com/css?family=Lobster);
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
    }
[hidden] {
    display: none
    }
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
    }
body {
    margin: 0
    }
a:focus {
    outline: thin dotted
    }
a:hover, a:active {
    outline: 0
    }
h1, h2, h3, h4, h5, h6 {
    margin: 0
    }
p {
    margin: 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: bold
    }
blockquote {
    margin: 0
    }
dfn {
    font-style: italic
    }
mark {
    background: #ff0;
    color: #000
    }
pre {
    margin: 1em 0
    }
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em
    }
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
    }
q {
    quotes: none
    }
q:before, q:after {
    content: "";
    content: none
    }
small {
    font-size: 75%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
dl, menu, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
    }
dd {
    margin: 0 0 0 40px
    }
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
    }
svg:not(:root) {
    overflow: hidden
    }
figure {
    margin: 0
    }
form {
    margin: 0
    }
fieldset {
    margin: 0;
    padding: 0;
    border: 0
    }
label {
    cursor: pointer
    }
legend {
    border: 0;
    padding: 0;
    white-space: normal
    }
input:focus, select:focus, textarea:focus {
    outline: 0
    }
textarea {
    resize: vertical
    }
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
    }
button, input {
    line-height: normal
    }
input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
    padding: 0 6px
    }
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
    }
button[disabled], input[disabled] {
    cursor: default
    }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
    }
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-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto;
    vertical-align: top
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0
    }
hr {
    margin: 0;
    padding: 0;
    height: 0;
    border: 0
    }
.cf:before, .cf:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
    }
.cf:after {
    clear: both
    }
.cf {
    zoom: 1
    }
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
    }
ul.menu {
    border: none;
    list-style: none;
    text-align: left
    }
ul.menu li {
    margin: 0
    }
ul li.expanded, ul li.leaf {
    list-style: none
    }
.item-list ul li {
    margin: 0
    }
label {
    font-weight: normal
    }
label.element-invisible {
    display: none
    }
.form-item, .form-actions {
    margin: 0
    }
.form-checkboxes .form-item, .form-radios .form-item {
    margin: 0
    }
input.password-confirm, input.password-field {
    margin: 0
    }
.element-invisible {
    display: none;
    visibility: hidden;
    height: 0
    }
label {
    display: block
    }
br {
    letter-spacing: 0;
    clear: left
    }
body {
    padding: 0 0 20px;
    background: #fff url(/sites/all/themes/jap/img/layout/bkg.gif) repeat-x
    }
#wrapper-header {
    margin: 5px 0 0;
    background: #fff url(/sites/all/themes/jap/img/layout/header-bkg.gif)
    }
#wrapper {
    background: transparent url(/sites/all/themes/jap/img/layout/main-bkg-top.png) no-repeat
    }
[role="main"] {
    padding: 60px 35px 0 35px;
    min-height: 400px;
    background: transparent url(/sites/all/themes/jap/img/layout/main-bkg-bottom.png) no-repeat bottom
    }
#wrapper-footer {
    padding-bottom: 15px;
    background: transparent url(/sites/all/themes/jap/img/layout/footer-bkg-bottom.png) no-repeat bottom
    }
#footer {
    background: transparent url(/sites/all/themes/jap/img/layout/footer-bkg.png) repeat-y
    }
#wrapper-content {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 50px
    }
#wrapper-content:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
    }
#left-sidebar {
    float: left;
    width: 215px;
    margin-right: 20px
    }
#right-sidebar {
    float: right;
    width: 215px;
    margin-left: 20px
    }
#content {
    float: left
    }
.one-sidebar {
    width: 680px
    }
.two-sidebars {
    width: 445px
    }
@font-face {
    font-family: "GothamRounded-Medium";
    src: url(/sites/all/themes/jap/fonts/gothamrnd-medium.eot);
    src: url(/sites/all/themes/jap/fonts/gothamrnd-medium.svg#gothamrnd-medium) format("svg");
    src: url(/sites/all/themes/jap/fonts/gothamrnd-medium.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/jap/fonts/gothamrnd-medium.woff) format("woff"), url(/sites/all/themes/jap/fonts/gothamrnd-medium.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
body, p {
    font-family: verdana, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #555
    }
p {
    text-align: justify
    }
p.descriptive {
    font-size: 14px;
    line-height: 21px;
    font-style: italic
    }
p.descriptive + p {
    margin-top: 15px;
    margin-top: 0
    }
p.descriptive > strong {
    color: #000
    }
.quote {
    padding: 8px 0 0 10px;
    background: transparent url(/sites/all/themes/jap/img/layout/quote-open.png) no-repeat
    }
.quote > p {
    margin: 5px 0 0;
    font-size: 1.2rem;
    font-style: italic
    }
.quote > span {
    font-size: 1.2rem;
    font-style: normal;
    color: #000
    }
.quote > span > em {
    font-style: normal;
    color: #e50083
    }
.bigquote {
    background: transparent url(/sites/all/themes/jap/img/layout/quote-fat-open.png) no-repeat 10px 0
    }
.bigquote > p {
    padding: 10px 100px;
    text-align: center;
    font-size: 2.5rem;
    font-style: italic;
    color: #e50083;
    background: transparent url(/sites/all/themes/jap/img/layout/quote-fat-close.png) no-repeat right bottom
    }
div.field-name-field-experience-list, div.field-name-field-niveau-etude, div.field-name-field-total-experience {
    display: none
    }
h1 {
    font-size: 25px;
    margin: 0 0 15px;
    font-weight: normal;
    color: #e50083
    }
h2 {
    font-size: 18px;
    clear: both
    }
h3 {
    font-size: 14px
    }
h4 {
    font-size: 12px
    }
h2, h3, h4 {
    margin: 0 0 5px;
    font-weight: normal;
    color: #000
    }
h5 {
    font-size: 20px;
    line-height: 20px
    }
h6 {
    font-size: 14px
    }
h5 {
    font-weight: normal;
    color: #e50083
    }
h6 {
    font-weight: normal;
    color: #000
    }
.hotPink {
    color: #e50083
    }
.yellow {
    color: #FCBE1B
    }
.gold {
    color: #E39D00
    }
.fs-medium {
    font-size: 1.1em
    }
.strong {
    font-weight: bold
    }
.italic {
    font-style: italic
    }
.text-14 {
    font-size: 14px;
    font-size: 1.4rem
    }
.text_20 {
    font-size: 20px;
    font-size: 2rem
    }
.text_18 {
    font-size: 18px;
    font-size: 1.8rem
    }
.text_16 {
    font-size: 16px;
    font-size: 1.6rem
    }
.text_14 {
    font-size: 14px;
    font-size: 1.4rem
    }
.text_12 {
    font-size: 12px;
    font-size: 1.2rem
    }
.text_11 {
    font-size: 11px;
    font-size: 1.1rem
    }
.text_10 {
    font-size: 10px;
    font-size: 1rem
    }
.highlight {
    color: #e50083
    }
.light {
    color: #a9a9a9
    }
.center {
    text-align: center
    }
.clear {
    clear: both
    }
.hide {
    display: none
    }
body .inline-block {
    display: inline-block
    }
.v-align-middle {
    vertical-align: middle
    }
.spacer-v {
    clear: both;
    margin-bottom: 15px
    }
.noBorder, table.noBorder tbody, table.noBorder tr, table.noBorder th, table.noBorder td {
    border: none
    }
.alignLeft, table.alignLeft tbody, table.alignLeft tr, table.alignLeft th, table.alignLeft td {
    text-align: left
    }
.noPadding, table.noPadding tbody, table.noPadding tr, table.noPadding th, table.noPadding td {
    padding: 0
    }
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
    }
::selection {
    background: #000;
    color: #fff;
    text-shadow: none
    }
a:link, a:visited {
    color: #e50083
    }
a:hover, a:focus, a:active {
    color: #000
    }
a.arrow-left {
    padding: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/layout/arrow-gray-left.png) no-repeat 0 50%
    }
a.arrow-right {
    padding: 0 15px 0 0;
    background: transparent url(/sites/all/themes/jap/img/layout/arrow-gray-right.png) no-repeat 100% 50%
    }
a.arrow-hotpink-left {
    padding: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/layout/arrow-hotpink-left.png) no-repeat 0 50%
    }
.button, #edit-back.checkout-back, #jap-abonnement-profil-pack-form .form-submit {
    display: block;
    height: 37px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat;
    border: 0;
    text-indent: -300%;
    color: transparent;
    overflow: hidden
    }
#souscrire {
    width: 135px
    }
#souscrire:link, #souscrire:visited {
    background-position: -265px -370px
    }
#souscrire:hover, #souscrire:focus, #souscrire:active {
    background-position: -265px -407px
    }
.b-souscrire {
    width: 135px
    }
.b-souscrire:link, .b-souscrire:visited {
    background-position: -265px -370px
    }
.b-souscrire:hover, .b-souscrire:focus, .b-souscrire:active {
    background-position: -265px -407px
    }
.search-api-page-search-form-submit, #valider {
    width: 112px
    }
#valider:link, #valider:visited {
    background-position: 0 0
    }
#valider:hover, #valider:focus, #valider:active {
    background-position: 0 -37px
    }
#b-see {
    width: 62px
    }
#b-see:link, #b-see:visited {
    background-position: -306px -74px
    }
#b-see:hover, #b-see:focus, #b-see:active {
    background-position: -306px -111px
    }
#b-cancel {
    width: 120px
    }
#b-cancel:link, #b-cancel:visited {
    background-position: 0 -148px;
    position: relative
    }
#b-cancel:hover, #b-cancel:focus, #b-cancel:active {
    background-position: 0 -185px
    }
.b-abonnezvous {
    width: 197px
    }
.b-abonnezvous:link, .b-abonnezvous:visited {
    background-position: 0 -222px;
    position: relative
    }
.b-abonnezvous:hover, .b-abonnezvous:focus, .b-abonnezvous:active {
    background-position: 0 -259px
    }
#edit-back.checkout-back {
    width: 220px;
    margin-right: 8px
    }
#edit-back.checkout-back {
    background-position: -544px -222px;
    position: relative
    }
#edit-back.checkout-back:hover, #edit-back.checkout-back:focus, #edit-back.checkout-back:active {
    background-position: -544px -259px
    }
#jap-abonnement-profil-pack-form .form-submit {
    width: 518px;
    background-position: -302px -296px;
    margin-left: 148px
    }
#jap-abonnement-profil-pack-form .form-submit:hover, #jap-abonnement-profil-pack-form .form-submit:focus, #jap-abonnement-profil-pack-form .form-submit:active {
    background-position: -302px -333px
    }
#b-gererlescandidatures {
    width: 266px
    }
#b-gererlescandidatures:link, #b-gererlescandidatures:visited {
    background-position: 0 -518px;
    position: relative
    }
#b-gererlescandidatures:hover, #b-gererlescandidatures:focus, #b-gererlescandidatures:active {
    background-position: 0 -555px
    }
#b-valider {
    width: 112px
    }
#b-valider:link, #b-valider:visited {
    background-position: 0 0;
    font-size: 0;
    text-indent: -9000px
    }
#b-valider:hover, #b-valider:focus, #b-valider:active {
    background-position: 0 -37px
    }
.small-button {
    display: block;
    height: 27px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat;
    border: 0
    }
input.small-souscrire {
    width: 53px
    }
#b-yes:link, #b-yes:visited, .b-yes:link, .b-yes:visited {
    width: 53px;
    background-position: -641px 0
    }
#b-yes:hover, #b-yes:focus, #b-yes:active, .b-yes:hover, .b-yes:focus, .b-yes:active {
    background-position: -641px -27px
    }
#b-no, #b-no:link, #b-no:visited {
    width: 53px;
    background-position: -589px 0
    }
#b-no:hover, #b-no:focus, #b-no:active {
    background-position: -589px -27px
    }
#b-viewyourprofile:link, #b-viewyourprofile:visited {
    background-position: -195px 0
    }
#b-viewyourprofile:hover, #b-viewyourprofile:focus, #b-viewyourprofile:active {
    background-position: -195px -27px
    }
#b-change:link, #b-change:visited {
    width: 84px;
    background-position: 0 -54px
    }
#b-change:hover, #b-change:focus, #b-change:active {
    background-position: 0 -81px
    }
#b-delete:link, #b-delete:visited {
    width: 102px;
    background-position: -519px -54px
    }
#b-delete:hover, #b-delete:focus, #b-delete:active {
    background-position: -519px -81px
    }
.small-button#b-cancel:link, .small-button#b-cancel:visited {
    width: 80px;
    background-position: -164px -54px
    }
.small-button#b-cancel:hover, .small-button#b-cancel:focus, .small-button#b-cancel:active {
    background-position: -164px -81px
    }
.small-button.b-cancel:link, .small-button.b-cancel:visited {
    width: 80px;
    background-position: -164px -54px
    }
.small-button.b-cancel:hover, .small-button.b-cancel:focus, .small-button.b-cancel:active {
    background-position: -164px -81px
    }
.small-button#b-getit:link, .small-button#b-getit:visited {
    width: 76px;
    background-position: -246px -54px
    }
.small-button#b-getit:hover, .small-button#b-getit:focus, .small-button#b-getit:active {
    background-position: -246px -81px
    }
.small-button.b-getit:link, .small-button.b-getit:visited {
    width: 76px;
    background-position: -246px -54px
    }
.small-button.b-getit:hover, .small-button.b-getit:focus, .small-button.b-getit:active {
    background-position: -246px -81px
    }
.small-button#b-subscribe:link, .small-button#b-subscribe:visited {
    width: 89px;
    background-position: -324px -54px
    }
.small-button#b-subscribe:hover, .small-button#b-subscribe:focus, .small-button#b-subscribe:active {
    background-position: -324px -81px
    }
.special-button {
    display: block;
    height: 37px;
    background: url(/sites/all/themes/jap/img/layout/sprite-special.png) no-repeat;
    border: 0
    }
#b-postanad:link, #b-postanad:visited {
    width: 272px;
    height: 66px;
    background-position: 0 -78px
    }
#b-postanad:hover, #b-postanad:focus, #b-postanad:active {
    background-position: -272px -78px
    }
#b-pro_postanad:link, #b-pro_postanad:visited {
    display: block;
    width: 122px;
    height: 61px;
    background: url(/sites/all/themes/jap/img/layout/sprite-special.png) no-repeat 0 -13px
    }
#b-pro_postanad:hover, #b-pro_postanad:focus, #b-pro_postanad:active {
    background-position: -122px -13px
    }
#block-fb-connect-login-facebook-conn .fb_button {
    width: 392px;
    height: 37px;
    background: url(/sites/all/themes/jap/img/layout/sprite-special.png) no-repeat -244px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
    }
#block-fb-connect-login-facebook-conn .fb_button:hover, #block-fb-connect-login-facebook-conn .fb_button:focus, #block-fb-connect-login-facebook-conn .fb_button:active {
    background-position: -244px -37px
    }
#block-fb-connect-login-facebook-conn .fb_button > span {
    background: none;
    border: none
    }
button, input, select, textarea {
    font-family: verdana, sans-serif;
    font-size: 12px;
    font-size: 1.2rem
    }
form > p + p, form .form-actions {
    margin: 15px 0 0
    }
form .form-item {
    margin: 0 0 15px;
    float: left
    }
body.toolbar form .form-item {
    margin: 0 0 15px;
    float: none
    }
form > p > * + * {
    margin: 0 0 0 10px
    }
label {
    display: inline-block
    }
.requiredfields {
    color: #467302
    }
input[type="text"], input[type="password"], textarea {
    padding: 9px;
    font-style: italic;
    color: #a9a9a9;
    border: 1px solid #dadada;
    border-radius: 5px
    }
input[type="button"].form-button, input[type="submit"].form-button {
    position: relative;
    display: block;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat;
    border: 0;
    height: 37px;
    overflow: hidden;
    text-indent: -9999px;
    color: transparent
    }
#s-validate, .s-validate {
    width: 112px;
    background-position: 0 0
    }
#s-validate:hover, .s-validate:hover, #s-validate:focus, .s-validate:focus {
    background-position: 0 -37px
    }
#s-search {
    background-position: -151px -74px
    }
#s-search:hover, #s-search:focus {
    background-position: -151px -111px
    }
#s-connection {
    height: 37px !important;
    width: 173px !important;
    background-position: -235px 0
    }
#s-connection:hover, #s-connection:focus {
    background-position: -235px -37px
    }
#s-subscribe {
    width: 132px;
    background-position: -408px 0
    }
#s-subscribe:hover, #s-subscribe:focus {
    background-position: -408px -37px
    }
#s-subscribe2 {
    width: 135px;
    background-position: -265px -370px
    }
#s-subscribe2:hover, #s-subscribe2:focus {
    background-position: -265px -407px
    }
#s-sendyourmessage {
    width: 274px;
    background-position: -569px -444px
    }
#s-sendyourmessage:hover, #s-sendyourmessage:focus {
    background-position: -569px -481px
    }
#s-send {
    width: 122px;
    background-position: -540px 0
    }
#s-send:hover, #s-send:focus {
    background-position: -540px -37px
    }
#s-save, .s-save {
    width: 151px;
    background-position: 0 -74px
    }
#s-save:hover, .s-save:hover, #s-save:focus, .s-save:focus {
    background-position: 0 -111px
    }
#s-startmycarreer {
    width: 307px;
    background-position: -369px -74px;
    float: right;
    margin: 30px 0
    }
#s-startmycarreer:hover, #s-startmycarreer:focus {
    background-position: -369px -111px
    }
#s-add {
    width: 117px;
    background-position: -676px -74px
    }
#s-add:hover, #s-add:focus {
    background-position: -676px -111px
    }
#s-changeyourpassword {
    width: 323px;
    background-position: -403px -148px
    }
#s-changeyourpassword:hover, #s-changeyourpassword:focus {
    background-position: -403px -185px
    }
#s-download {
    width: 160px;
    background-position: -243px -148px
    }
#s-download:hover, #s-download:focus {
    background-position: -243px -185px
    }
#s-change, .s-change {
    width: 123px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat -120px -148px !important
    }
#s-change:hover, .s-change:hover, #s-change:focus, .s-change:focus {
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat -120px -185px !important
    }
input[type="button"].form-small-button, input[type="submit"].form-small-button {
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat;
    border: 0;
    height: 0;
    padding-top: 27px;
    overflow: hidden
    }
#s-yes, .s-yes {
    width: 53px;
    background-position: -642px 0
    }
#s-yes:hover, .s-yes:hover, #s-yes:focus, .s-yes:focus {
    background-position: -642px -27px !important
    }
#s-no {
    width: 53px;
    background-position: -589px 0
    }
#s-no:hover, #s-no:focus {
    background-position: -589px -27px
    }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    color: #555;
    border: 1px solid #555
    }
input[type="text"].filled, input[type="password"].filled, textarea.filled {
    color: #555 !important
    }
#autocomplete {
    height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
    }
.form-item #autocomplete {
    border: 1px solid #555;
    border-top: 0
    }
.form-item #autocomplete ul {
    margin: 0 0;
    padding: 0
    }
.form-item #autocomplete li {
    padding: 5px 10px;
    color: #555;
    cursor: pointer
    }
#autocomplete li.selected {
    background: #fefaee
    }
.dk_container {
    display: none;
    float: left;
    position: relative
    }
.dk_container a {
    outline: 0
    }
.dk_toggle {
    display: -moz-inline-stack;
    overflow: hidden;
    display: inline-block;
    position: relative;
    zoom: 1
    }
.dk_open {
    position: relative
    }
.dk_open .dk_options {
    display: block
    }
.dk_open .dk_label {
    color: inherit
    }
.dk_label {
    white-space: nowrap
    }
.dk_options {
    display: none;
    margin-top: -1px;
    position: absolute;
    right: -1px;
    left: -1px
    }
.dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block
    }
.dk_options_inner {
    overflow: auto;
    position: relative
    }
.dk_touch .dk_options {
    overflow: hidden
    }
.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible
    }
.dk_container {
    color: #a9a9a9;
    background: #fff url(/sites/all/themes/jap/img/layout/select-arrow.gif) no-repeat right;
    border: 1px solid #dadada;
    border-radius: 5px
    }
.dk_container a:link, .dk_container a:visited {
    padding-right: 45px;
    font-style: italic;
    color: #a9a9a9;
    text-decoration: none;
    cursor: pointer
    }
.dk_toggle {
    padding: 9px
    }
.dk_toggle:focus {
    color: #555
    }
.dk_focus .dk_toggle {
    color: #555
    }
.dk_focus .dk_toggle {
    color: #555
    }
.dk_open {
    z-index: 10
    }
.dk_options {
    background-color: #fff;
    border: 1px solid #dadada
    }
.dk_options a {
    padding: 3px 9px
    }
.dk_options a:hover, .dk_option_current a {
    color: #555;
    background-color: #fefaee
    }
.dk_options_inner, .dk_touch .dk_options {
    margin: 0 !important;
    max-height: 270px;
    list-style: none !important
    }
input[type="checkbox"], input[type="radio"] {
    position: absolute;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
    }
label {
    position: relative
    }
input[type="checkbox"], input[type="radio"] {
    position: static	
    }
input[type="checkbox"] + span::before, input[type="radio"] + span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    padding-left: 5px
    }
input[type="radio"] + span::before {
    width: 25px
    }
input[type="checkbox"] + span::before {
    background-position: 0 2px
    }
input[type="checkbox"]:checked + span::before {
    background-position: 0 -17px
    }
input[type="radio"] + span::before {
    background-position: 0 -40px
    }
input[type="radio"]:checked + span::before {
    background-position: 0 -60px
    }
input[type="radio"]:disabled + span, input[type="checkbox"]:disabled + span, input[type="radio"]:disabled + span::before, input[type="checkbox"]:disabled + span::before {
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    opacity: 0.4
    }
input[type="checkbox"]:focus + span::before, input[type="radio"]:focus + span::before, input[type="checkbox"]:active + span::before, input[type="radio"]:active + span::before {
    outline: dotted 1px #ccc
    }
input[type="checkbox"] + span::before, input[type="radio"] + span::before {
    background-image: url(/sites/all/themes/jap/img/radioCheckbox.png)
    }
span.form-disabled {
    opacity: 0.5;
    filter: alpha(opacity=50)
    }
.shinyform_file input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 55;
    opacity: 0
    }
.shinyform_file .shinyform_file_button {
    display: none
    }
.shinyform_file_name {
    cursor: pointer
    }
.file_upload-documents.shinyform_file {
    position: relative;
    height: 35px
    }
.file_upload-documents.shinyform_file .shinyform_file_name {
    display: block;
    padding: 9px;
    font-style: italic;
    color: #a9a9a9;
    white-space: nowrap;
    border: 1px solid #dadada;
    border-radius: 5px;
    overflow: hidden
    }
.file_upload-photos.shinyform_file {
    position: relative;
    height: 27px;
    width: 152px
    }
.file_upload-photos.shinyform_file > input {
    height: 27px;
    width: 152px
    }
.file_upload-photos.shinyform_file .shinyform_file_name {
    display: block;
    width: 152px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat -42px 0;
    border: 0;
    height: 0;
    padding-top: 27px;
    overflow: hidden
    }
.file_upload-photos.shinyform_file.hover .shinyform_file_name {
    background-position: -42px -27px
    }
input[type="text"].error, input[type="password"].error, textarea.error {
    color: #555 !important;
    background-color: #fbd9ed !important;
    border: 1px solid #e50083 !important
    }
.mandatory_field-info {
    font-size: 11px;
    font-size: 1.1rem;
    color: #afafaf;
    clear: both
    }
.breadcrumb {
    margin: 0 0 15px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #555
    }
.breadcrumb a:link, .breadcrumb a:visited {
    color: #555;
    text-decoration: none
    }
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
    color: #000;
    text-decoration: underline
    }
#breadcrumb-big {
    margin: 0 0 15px;
    list-style: none
    }
#breadcrumb-big li {
    position: relative;
    margin: 0 0 0 -21px;
    float: left;
    width: 190px;
    height: 39px;
    line-height: 37px;
    text-align: center;
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    color: #a9a9a9;
    text-transform: uppercase;
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat -2px -78px
    }
#breadcrumb-big a:link, #breadcrumb-big a:visited {
    position: relative;
    display: block;
    width: 190px;
    height: 39px;
    color: #555;
    text-decoration: none
    }
#breadcrumb-big a:hover, #breadcrumb-big a:focus, #breadcrumb-big a:active, #breadcrumb-big a.active {
    z-index: 50;
    color: #fff;
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat -2px -117px
    }
#breadcrumb-big a.active {
    z-index: 25
    }
#breadcrumb-big li:first-child {
    margin-left: 0;
    width: 178px;
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat 0 0
    }
#breadcrumb-big li:first-child a:link, #breadcrumb-big li:first-child a:visited {
    width: 178px
    }
#breadcrumb-big li:first-child a:hover, #breadcrumb-big li:first-child a:focus, #breadcrumb-big li:first-child a:active, #breadcrumb-big li:first-child a.active {
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat 0 -39px
    }
#breadcrumb-big li.last-child {
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat -2px -156px
    }
#breadcrumb-big li.last-child a:hover, #breadcrumb-big li.last-child a:focus, #breadcrumb-big li.last-child a:active, #breadcrumb-big li.last-child a.active {
    background: transparent url(/sites/all/themes/jap/img/layout/breadcrumb-sprite.png) no-repeat -2px -195px
    }
div.messages.status {
    float: left;
    clear: both;
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    color: #588106;
    background: none;
    border: 0
    }
p.error {
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    color: #e50083;
    background: none;
    border: 0
    }
div.messages.status p {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    color: #588106;
    background: none;
    border: 0
    }
.messages.error {
    display: block;
    clear: both;
    font-size: 14px;
    font-style: italic;
    color: #e50083;
    margin: 5px 0 !important;
    padding: 5px 20px;
    background-color: none;
    background: url(/sites/all/themes/jap/img/layout/croix-erreur.png) no-repeat scroll 0 5px transparent;
    border: none
    }
.messages ul {
    list-style-type: none !important
    }
a[class^="icon-"]:link, a[class^="icon-"]:visited {
    color: #a9a9a9 !important;
    text-decoration: none
    }
a[class^="icon-"]:hover, a[class^="icon-"]:focus, a[class^="icon-"]:active {
    color: #e50083 !important
    }
a.icon-delete {
    padding: 0 0 2px 22px;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 0
    }
a.icon-delete:hover, a.icon-delete:focus, a.icon-delete:active {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 -28px
    }
a.icon-delete-2 {
    padding: 0 0 4px 22px;
    color: #a9a9a9;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 0
    }
a.icon-delete-2:hover, a.icon-delete-2:focus, a.icon-delete-2:active {
    color: #000 !important;
    text-decoration: underline !important;
    cursor: pointer
    }
a.icon-change {
    padding: 0 0 4px 22px;
    color: #a9a9a9;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-change.png) no-repeat 0 0
    }
a.icon-change:hover, a.icon-change:focus, a.icon-change:active {
    color: #000 !important;
    text-decoration: underline !important;
    cursor: pointer
    }
a.icon-options {
    padding: 0 0 2px 22px;
    color: #a9a9a9;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-options.png) no-repeat 0 0
    }
a.icon-options:hover, a.icon-options:focus, a.icon-options:active {
    color: #000 !important;
    text-decoration: underline !important;
    cursor: pointer
    }
a.icon-republier {
    padding: 0 0 2px 22px;
    color: #a9a9a9;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-republier.png) no-repeat 0 0
    }
a.icon-republier:hover, a.icon-republier:focus, a.icon-republier:active {
    color: #000 !important;
    text-decoration: underline !important;
    cursor: pointer
    }
a.icon-suspendre {
    padding: 0 0 2px 22px;
    color: #a9a9a9;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-suspendre.jpg) no-repeat 0 0
    }
a.icon-suspendre:hover, a.icon-suspendre:focus, a.icon-suspendre:active {
    color: #000 !important;
    text-decoration: underline !important;
    cursor: pointer
    }
.icon-info {
    display: inline-block;
    margin: 8px 0 0 5px;
    width: 7px;
    height: 15px;
    background: url(/sites/all/themes/jap/img/layout/icon-info.png) no-repeat 0 0
    }
.icon-check-medium {
    padding-left: 30px;
    background: url(/sites/all/themes/jap/img/layout/icon-check-medium.png) no-repeat 0 2px
    }
[role="main"] ul {
    margin: 0 0 0 15px;
    line-height: 16px;
    list-style: disc url(/sites/all/themes/jap/img/layout/dot-hotpink.png)
    }
[role="main"] ul ul {
    list-style: square
    }
table {
    width: 100%
    }
table thead {
    font-weight: bold;
    color: #000;
    background-color: #f2f2f2;
    border-top: 1px solid #dadada
    }
table tbody {
    border-bottom: 1px solid #dadada
    }
table tr.even {
    background-color: #f2f2f2
    }
table td {
    padding: 8px 10px;
    text-align: center;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada
    }
.borders {
    padding: 20px;
    border: 1px solid #dadada
    }
.borders + .borders {
    border-top: 0
    }
.borders-rounded {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 10px
    }
.ui-tabs {
    position: relative
    }
.ui-tabs .ui-tabs-hide {
    display: none !important
    }
.tabs > ol > li {
    position: relative;
    bottom: -1px;
    float: left;
    background: none !important;
    border: 1px solid #dadada !important;
    border-radius: 5px 5px 0 0
    }
.tabs > ol > li + li {
    margin: 0 0 0 5px
    }
.tabs > ol > li.ui-state-active {
    border-bottom: 1px solid #fff !important
    }
.tabs ol a:link, .tabs ol a:visited {
    display: block;
    padding: 20px 20px 15px;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    color: #a9a9a9 !important
    }
.tabs ol a:hover, .tabs ol a:focus, .tabs ol a:active, .tabs ol .ui-state-active a {
    color: #e50083 !important;
    outline: 0
    }
.tabs > div {
    padding: 20px 20px;
    font-size: 1.2rem;
    border: 1px solid #dadada;
    border-radius: 0 0 5px 5px
    }
.page-annonce .tabs > div {
    width: 645px
    }
.tabs .content_div {
    display: block;
    float: left;
    width: 660px
    }
.hr-default {
    clear: both;
    background-color: #DADADA;
    height: 1px;
    margin: 20px 0 20px
    }
.hr-corners {
    margin: 30px 0;
    height: 8px;
    background: transparent url(/sites/all/themes/jap/img/layout/hr-bkg.png)
    }
.ie7 hr {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
    }
.wrapper-alert {
    position: absolute;
    z-index: 300;
    right: 10px;
    bottom: 10px
    }
.icon-alert, .icon-alert:link, .icon-alert:visited {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/sites/all/themes/jap/img/layout/icon-alert.png) no-repeat 0 0
    }
.icon-pin, .icon-pin:link, .icon-pin:visited {
    display: inline-block;
    width: 22px;
    height: 35px;
    background: url(/sites/all/themes/jap/img/layout/icon-pin.png) no-repeat 0 0
    }
.flag, .flag:link, .flag:visited {
    display: inline-block
    }
.flag img {
    display: block;
    float: left
    }
.tool-icon .bu .flag-annonces a {
    height: 35px
    }
.bu {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 100%;
    width: 100%
    }
.alert + .bu {
    top: 100%
    }
span.bu-control, .bu span {
    display: inline-block
    }
.bu-show .bu, .bu-control:hover + .bu, .bu-control:focus + .bu, .bu-control:hover .bu, .bu-control:focus .bu {
    z-index: 100;
    display: block
    }
#jap-profil-candidat-personnalite-form .bu:hover {
    display: none !important
    }
.bu-control {
    position: relative
    }
[class^="bu-arrow-"] {
    position: absolute;
    z-index: 110;
    top: 0;
    width: 100%;
    height: 8px;
    background: url(/sites/all/themes/jap/img/layout/bubble-arrow.png) no-repeat
    }
.bu-arrow-center {
    left: 0;
    background-position: center 0
    }
.bu-arrow-left {
    left: 10px;
    background-position: left 0
    }
.bu-arrow-right {
    right: 10px;
    background-position: right 0
    }
.bu-content {
    position: absolute;
    z-index: 100;
    top: 7px;
    border: 1px #d5d5d5 solid;
    border: 1px #e50083 solid;
    box-shadow: 2px 4px 3px #dadada;
    line-height: 14px;
    color: #555;
    border-radius: 5px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #fff, #fafafa);
    background-image: -moz-linear-gradient(top, #fff, #fafafa);
    background-image: -ms-linear-gradient(top, #fff, #fafafa);
    background-image: -o-linear-gradient(top, #fff, #fafafa);
    background-image: linear-gradient(top bottom, #fff, #fafafa);
    min-width: 100px
    }
.bu-left .bu-content {
    left: -10px
    }
.bu-right .bu-content {
    right: -10px
    }
.bu-content a:link, .bu-content a:visited {
    color: #555;
    text-decoration: none
    }
.bu-content a:hover, .bu-content a:focus, .bu-content a:active {
    color: #e50083
    }
.bu-item {
    padding: 10px
    }
.bu-item + .bu-item {
    border-top: 1px #d5d5d5 solid
    }
.bu-progressbar .bu-item {
    width: 121px
    }
.bu-alert .bu-item {
    width: 179px
    }
.bu-link .bu-item {
    min-width: 242px
    }
.bu-pin .bu-item {
    width: 498px
    }
.pin-photo {
    float: left;
    padding: 3px 3px 5px 3px;
    width: 72px;
    height: 48px;
    background: url(/sites/all/themes/jap/img/layout/bkg-photo.png) no-repeat center 0
    }
.pin-content {
    float: right;
    width: 411px
    }
.bu-info .bu-item {
    min-width: 100px;
    max-width: 250px
    }
.bu-coords .bu-item {
    width: 242px
    }
.bu-graph .bu {
    top: 20px
    }
.bu-graph .bu-item {
    width: 374px
    }
.bu-search .bu-item {
    width: 218px
    }
.bu-tab .bu-item {
    width: 574px
    }
#popup-overlay {
    background-color: #000
    }
#popup-container {
    width: 600px
    }
.popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 18px;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-close.png) no-repeat;
    cursor: pointer
    }
.popup {
    background-color: #fff;
    border-radius: 5px
    }
.popup .popup-title {
    padding: 25px 20px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #e50083;
    background: #fff url(/sites/all/themes/jap/img/layout/header-bkg.gif);
    border-radius: 5px 5px 0 0
    }
.popup .popup-content {
    padding: 20px
    }
.popup .popup-content .message {
    display: block;
    overflow: hidden;
    clear: both
    }
.popup .popup-content #valider {
    margin: 15px;
    float: right;
    clear: both
    }
div.modal-forms-modal-content .popups-container {
    padding: 0
    }
div.modal-forms-modal-content .popups-container .popups-title {
    padding: 25px 20px;
    background: #fff url(/sites/all/themes/jap/img/layout/header-bkg.gif);
    border-radius: 5px 5px 0 0
    }
div.modal-forms-modal-content .popups-container .popups-title h3 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: normal;
    color: #e50083
    }
div.modal-forms-modal-content .popups-container .popups-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 18px;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-close.png) no-repeat;
    cursor: pointer
    }
div.modal-forms-modal-content .popups-container .modal-content {
    padding-top: 25px;
    padding-bottom: 25px
    }
div.modal-forms-modal-content .popups-container .modal-content p {
    margin: 0 0 15px;
    padding: 0 10px
    }
div.modal-forms-modal-content .popups-container .modal-content input[type="submit"] {
    float: right
    }
.left {
    float: left
    }
.right {
    float: right
    }
#wrapper-header {
    z-index: 110;
    position: relative
    }
div.html5-header[role="banner"] {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 100px
    }
div.html5-nav[role="navigation"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 724px
    }
#wrapper, #wrapper-footer {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 1016px;
    position: relative
    }
#footer {
    padding: 20px 40px
    }
#logo {
    position: relative;
    top: 30px;
    left: 0
    }
#bl_connect {
    position: absolute;
    z-index: 300;
    top: 20px;
    right: 0;
    padding: 10px;
    width: 200px;
    height: 45px;
    background: url(/sites/all/themes/jap/img/layout/sprite-progressbar.png) no-repeat 0 0
    }
#bl_connect-user {
    position: relative;
    float: left;
    padding-right: 33px;
    height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #000
    }
#bl_connect-name {
    display: inline-block;
    float: left
    }
.arrow_open:link, .arrow_open:visited {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px transparent solid;
    border-bottom: 0;
    width: 15px;
    height: 23px;
    background: url(/sites/all/themes/jap/img/layout/sprite-progressbar.png) no-repeat -225px -68px #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
    }
.arrow_open-current {
    z-index: 300;
    border-color: #d5d5d5 !important
    }
#bl_connect-opt {
    display: none;
    position: absolute;
    z-index: 200;
    right: 0;
    top: 23px;
    padding: 10px;
    border: 1px #d5d5d5 solid;
    line-height: 14px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
    }
.arrow_open-current + #bl_connect-opt {
    display: block
    }
#bl_connect-opt a:link, #bl_connect-opt a:visited {
    color: #555;
    text-decoration: none
    }
#bl_connect-opt a:hover, #bl_connect-opt a:focus, #bl_connect-opt a:active {
    color: #e50083
    }
#progressbar {
    position: relative;
    float: left;
    margin-top: 5px;
    width: 151px;
    height: 16px
    }
#progressbar [id^="progressbar-"] {
    float: left;
    height: 15px;
    background-image: url(/sites/all/themes/jap/img/layout/sprite-progressbar.png);
    background-repeat: no-repeat
    }
#progressbar-wrapper {
    position: relative;
    width: 100%;
    height: 100%
    }
#progressbar-left {
    max-width: 140px
    }
#progressbar-right {
    width: 11px
    }
.progressbar-25 {
    width: 60px
    }
.progressbar-100 {
    width: 140px
    }
.candidat #progressbar-left {
    background-position: -10px -75px
    }
.candidat #progressbar-right {
    background-position: -150px -75px
    }
.recruteur #progressbar-left {
    background-position: -10px -96px
    }
.recruteur #progressbar-right {
    background-position: -150px -96px
    }
#navigation {
    margin-top: 20px;
    margin-left: 50px
    }
#navigation li {
    float: left
    }
#navigation a {
    display: block
    }
#navigation a:link, #navigation a:visited {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    color: #E50083
    }
#navigation a:hover, #navigation a:focus, #navigation a:active {
    color: #000
    }
#navigation #nav-home:link, #navigation #nav-home:visited {
    width: 15px;
    height: 15px;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-home.png) no-repeat 0 0
    }
#navigation #nav-home:hover, #navigation #nav-home:focus, #navigation #nav-home:active {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-home.png) no-repeat 0 -15px
    }
#navigation li {
    z-index: 200;
    position: relative;
    padding: 20px
    }
#navigation li + li {
    background: transparent url(/sites/all/themes/jap/img/layout/nav-separator.png) no-repeat
    }
#navigation .expanded {
    padding-top: 9px
    }
#navigation .expanded > a {
    position: relative;
    z-index: 200;
    display: inline-block;
    border: 1px transparent solid;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 17px;
    padding: 10px
    }
#navigation .expanded:hover > a, #navigation .expanded > a:hover {
    color: #000;
    background: #fff;
    border-color: #d5d5d5
    }
#navigation .expanded > a + ul {
    display: none;
    position: absolute !important;
    z-index: 190 !important;
    left: 20px;
    top: 46px;
    min-width: 230px;
    border: 1px #d5d5d5 solid;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff
    }
#navigation .expanded > a + ul li {
    background: none !important;
    display: block !important;
    padding: 10px !important
    }
#navigation .expanded:hover > a + ul, #navigation .expanded:focus > a + ul, #navigation .expanded > a:hover + ul {
    display: block !important
    }
#b-postanad {
    position: absolute;
    top: 10px;
    right: 0
    }
#b-pro_postanad {
    position: absolute;
    top: 10px;
    right: 260px
    }
.full-width {
    margin: 0 0 20px;
    width: 100%
    }
div.with-right-aside .section, div.with-right-aside .article, div.with-right-aside section, div.with-right-aside article {
    float: left;
    width: 685px
    }
div.with-left-aside .section, div.with-left-aside .article, div.with-left-aside section, div.with-left-aside article {
    float: left;
    margin: 0 0 0 20px;
    width: 685px
    }
div.with-left-aside .aside + .section, div.with-left-aside .aside + .article, div.with-left-aside aside + section, div.with-left-aside aside + article {
    float: left;
    margin: 0 0 0 20px;
    width: 685px
    }
div.with-right-aside aside, div.with-right-aside .aside {
    float: left;
    margin: 0 0 0 20px;
    width: 215px
    }
div.with-left-aside aside, div.with-left-aside .aside {
    float: left;
    width: 215px
    }
.with-right-aside .aside .node-push-stickers, .with-right-aside aside .node-push-stickers {
    margin: 0 0 20px
    }
.with-right-aside .aside .aside-text, .with-right-aside aside .aside-text {
    padding: 0
    }
.with-right-aside .aside .aside-text > h5, .with-right-aside aside .aside-text > h5 {
    padding: 6px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 1px solid #dadada
    }
.with-right-aside .aside .aside-text > div, .with-right-aside aside .aside-text > div {
    padding: 12px 10px
    }
.with-right-aside .aside .aside-text > div > p, .with-right-aside aside .aside-text > div > p {
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    color: #a9a9a9
    }
.with-right-aside .aside .aside-text .aside-need_help-item, .with-right-aside aside .aside-text .aside-need_help-item {
    margin: 15px auto;
    padding: 0 0 0 25px;
    width: 150px
    }
.with-right-aside .aside .aside-text .aside-need_help-item p, .with-right-aside aside .aside-text .aside-need_help-item p {
    color: #555
    }
.with-right-aside .aside .aside-text .aside-need_help-item p > i, .with-right-aside aside .aside-text .aside-need_help-item p > i {
    font-size: 11px;
    font-size: 1.1rem;
    color: #a9a9a9
    }
.with-right-aside .aside .aside-text .aside-need_help-item-phone, .with-right-aside aside .aside-text .aside-need_help-item-phone {
    width: 100px !important;
    min-height: 24px;
    background: transparent url(/sites/all/themes/jap/img/layout/icon-phone.png) no-repeat 0 50%
    }
.with-right-aside .aside .aside-text .aside-need_help-item-mail, .with-right-aside aside .aside-text .aside-need_help-item-mail {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-mail.png) no-repeat 0 50%
    }
#aside-need_help {
    padding: 0
    }
#aside-need_help > div:first-child {
    padding: 12px 10px
    }
#aside-need_help > div:first-child h5 {
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
    }
#aside-need_help .aside-need_help-item {
    padding: 12px 0 12px 40px;
    border-top: 1px solid #dadada
    }
#aside-need_help .aside-need_help-item p, #aside-need_help .aside-need_help-item a {
    color: #a9a9a9;
    text-decoration: none
    }
#aside-need_help .aside-need_help-item-phone {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-phone.png) no-repeat 10px 13px
    }
#aside-need_help .aside-need_help-item-mail {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-mail.png) no-repeat 10px 13px
    }
#footer .partners > h5 {
    font-family: "GothamRounded-Book", verdana, sans-serif;
    display: block;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    text-transform: uppercase;
    margin-top: 15px
    }
#footer .partners > div > a.partners-metro:link, #footer .partners > div > a.partners-metro:visited {
    background: transparent url(/sites/all/themes/jap/img/partners/metro.png) no-repeat;
    background-position: 0 -36px;
    width: 100px;
    height: 36px;
    margin: 25px 35px 0 0
    }
#footer .partners > div > a.partners-france2:link, #footer .partners > div > a.partners-france2:visited {
    background: transparent url(/sites/all/themes/jap/img/partners/france2.png) no-repeat;
    background-position: 0 -50px;
    width: 150px;
    height: 50px;
    margin: 20px 45px 0 0
    }
#footer .partners > div > a.partners-francebleu:link, #footer .partners > div > a.partners-francebleu:visited {
    background: transparent url(/sites/all/themes/jap/img/partners/francebleu.png) no-repeat;
    background-position: 0 -78px;
    width: 70px;
    height: 75px;
    margin: 2px 35px 0 0
    }
#footer .partners > div > a.partners-journaldunet:link, #footer .partners > div > a.partners-journaldunet:visited {
    background: transparent url(/sites/all/themes/jap/img/partners/journaldunet.png) no-repeat;
    background-position: 0 -43px;
    width: 170px;
    height: 45px;
    margin: 20px 30px 0 15px
    }
#footer .partners > div > a.partners-fnac:link, #footer .partners > div > a.partners-fnac:visited {
    background-position: 0 -56px
    }
#footer .partners > div > a.partners-carrefour:link, #footer .partners > div > a.partners-carrefour:visited {
    background-position: 0 -50px
    }
#footer .partners > div > a.partners-adecco:link, #footer .partners > div > a.partners-adecco:visited {
    background-position: 0 -25px
    }
#footer .partners > div > a.partners-20minutes:link, #footer .partners > div > a.partners-20minutes:visited {
    background-position: 0 -49px
    }
#footer .partners > div > a.partners-anousparis:link, #footer .partners > div > a.partners-anousparis:visited {
    background-position: 0 -20px
    }
#footer .partners > div > a.partners-metro:hover, #footer .partners > div > a.partners-metro:focus, #footer .partners > div > a.partners-journaldunet:hover, #footer .partners > div > a.partners-journaldunet:focus, #footer .partners > div > a.partners-france2:hover, #footer .partners > div > a.partners-france2:focus, #footer .partners > div > a.partners-francebleu:hover, #footer .partners > div > a.partners-francebleu:focus, #footer .partners > div > a.partners-journaldunet:focus, #footer .partners > div > a.partners-fnac:hover, #footer .partners > div > a.partners-fnac:focus, #footer .partners > div > a.partners-fnac:active, #footer .partners > div > a.partners-carrefour:hover, #footer .partners > div > a.partners-carrefour:focus, #footer .partners > div > a.partners-carrefour:active, #footer .partners > div > a.partners-adecco:hover, #footer .partners > div > a.partners-adecco:focus, #footer .partners > div > a.partners-adecco:active, #footer .partners > div > a.partners-20minutes:hover, #footer .partners > div > a.partners-20minutes:focus, #footer .partners > div > a.partners-20minutes:active, #footer .partners > div > a.partners-anousparis:hover, #footer .partners > div > a.partners-anousparis:focus, #footer .partners > div > a.partners-anousparis:active {
    background-position: 0 0
    }
#footer .hr-default {
    clear: both;
    margin: 20px 0
    }
#footer p {
    margin: 0 0 30px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
    color: #a9a9a9
    }
.region {
    clear: both
    }
.region-footer {
    float: left !important;
    width: 100% !important
    }
#footer-extralinks > div, .region-footer > div {
    float: left;
    width: 297px
    }
#footer-extralinks > div + div {
    margin-left: 20px
    }
#footer-extralinks h6 {
    font-family: "GothamRounded-Book", verdana, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000
    }
#footer-extralinks li {
    list-style-image: none !important;
    padding: 5px 0 0
    }
#footer-extralinks a:link, #footer-extralinks a:visited {
    color: #a9a9a9;
    text-decoration: none
    }
#footer-extralinks a:hover, #footer-extralinks a:focus, #footer-extralinks a:active {
    color: #000
    }
#sociallinks-block .sociallinks {
    position: relative;
    margin-bottom: 7px;
    width: 157px
    }
#sociallinks-block .sociallinks > a {
    display: block;
    width: 157px;
    height: 30px
    }
#sociallinks-block .sociallinks-facebook > a {
    background: transparent url(/sites/all/themes/jap/img/layout/footer-facebook.png) no-repeat
    }
#sociallinks-block .sociallinks-twitter > a {
    background: transparent url(/sites/all/themes/jap/img/layout/footer-twitter.png) no-repeat
    }
#sociallinks-block .sociallinks-counter {
    position: absolute;
    top: 1px;
    right: 2px;
    width: 35px;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #4a4a4a
    }
.fb_user-login-button-wrapper {
    visibility: hidden;
    display: none !important
    }
.dk_fouc div.ui-datepicker-title select {
    top: 0;
    visibility: visible
    }
.liste-competences-metier input[type="checkbox"] {
    display: block
    }
.liste-competences-metier span.form-checkbox {
    display: none
    }
#ui-tabs-1 #wrapper-header, #ui-tabs-1 #wrapper-footer, #ui-tabs-1 #wrapper #breadcrumb, #ui-tabs-1 #wrapper header {
    display: none
    }
#ui-tabs-1 #wrapper {
    background: none;
    margin: 0;
    padding: 0
    }
#ui-tabs-1 [role="main"] {
    margin: 0;
    padding: 0;
    min-height: 100px;
    background: none
    }
.container-total-experience {
    margin-bottom: 16px
    }
.container-total-experience label, .container-total-experience .container-select {
    display: block;
    float: left
    }
.container-total-experience label {
    font-size: 14px;
    font-weight: bold;
    margin: 9px 10px 0 0
    }
.container-total-experience .ajax-progress-throbber {
    float: left;
    margin-left: 11px
    }
form#node-delete-confirm .form-submit {
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat;
    border: 0;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    color: transparent;
    background-position: -519px -54px !important;
    width: 103px !important;
    margin: 4px 20px 0 0
    }
form#node-delete-confirm .form-actions {
    text-align: left
    }
form#node-delete-confirm a#edit-cancel {
    border: 0;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat;
    float: left;
    width: 82px;
    background-position: -163px -54px !important;
    height: 26px;
    text-indent: -9999px;
    color: transparent;
    margin: 4px 20px 0 0
    }
form#node-delete-confirm {
    color: red
    }
.push {
    margin-bottom: 20px
    }
.push .push-text {
    border: 1px solid #A9A9A9;
    border-radius: 5px 5px 5px 5px;
    padding: 0
    }
.push .push-text h4 {
    border-bottom: 1px solid #A9A9A9;
    padding: 10px;
    color: #E50083;
    font-size: 14px
    }
.push .push-text p {
    margin: 10px;
    color: #A9A9A9;
    font-size: 11px;
    line-height: 14px
    }
div.candidature-envoye {
    background: url(/sites/all/themes/jap/img/layout/button-candidature-envoyer.png) no-repeat;
    height: 35px;
    width: 216px;
    text-align: center
    }
.nr-foot div.candidature-envoye {
    float: right
    }
.annonce-tool .tool-icon .flag-throbber {
    position: absolute
    }
.annonce-tool .tool-icon .flag-message.flag-flagged-message {
    display: none
    }
.annonce-tool .tool-icon .flag {
    background: none;
    border: none;
    padding: 0;
    width: 42px
    }
div.tableau-bord-candidat-liens {
    width: 640px;
    margin: 15px 0 0 0
    }
div.tableau-bord-candidat-liens div.tableau-bord-candidat-lien {
    float: right;
    width: 170px;
    background-color: #ddd;
    font-weight: normal;
    margin: 2px;
    padding: 5px
    }
div.gerer-candidats-list {
    margin-bottom: 20px;
    margin-right: 5px;
    float: left;
    background-color: #000
    }
div.gerer-candidats-list .box-title {
    margin-top: 10px
    }
div.gerer-candidats-list .box-title a {
    color: #000;
    font-size: 18px
    }
div.gerer-candidats-list .box-title a:hover {
    color: #e50083
    }
div.gerer-candidats-list div.contacter {
    text-align: center;
    font-size: 12px;
    margin: 5px 0
    }
div.gerer-candidats-list div.distance {
    font-size: 11px;
    color: #555
    }
div.text_aide {
    font-size: 12px;
    margin: 15px 0;
    color: #555;
    line-height: 16px;
    text-align: left
    }
form.node-annonce-form label.ui-selectee {
    opacity: 0;
    margin: 0
    }
form.node-annonce-form table.timetab .form-item {
    margin: 0
    }
.recruteur_annonce_meta_right {
    float: right
    }
.recruteur_annonce_link a {
    display: block;
    text-indent: -9000px;
    width: 216px;
    height: 37px;
    background: url(/sites/all/themes/jap/img/layout/voir-annonce-btn.png) top left no-repeat
    }
.recruteur_annonce_link a:hover {
    background-position: 0 -45px
    }
div.profil_recruteur_lifes_left {
    background: #f2f2f2;
    width: 215px;
    padding: 0;
    float: right;
    margin: 0 0 15px 0
    }
div.profil_recruteur_lifes_left.spec {
    margin: 5px 0 10px
    }
div.profil_recruteur_lifes_left p {
    display: block;
    text-align: center;
    font-size: 12px;
    margin: 10px;
    color: #000
    }
div.profil_recruteur_lifes_left b {
    font-size: 20px
    }
div.profil_recruteur_lifes_left b span {
    font-size: 20px
    }
#home-search {
    width: 450px
    }
#home-search h1 {
    margin: 50px 0 0
    }
#home-search h3 {
    margin: 0 0 20px
    }
#home-search input[type=text] {
    width: 430px;
    font-size: 1.3em
    }
#home-search-address {
    color: #e50083
    }
#home-search-submit {
    width: 155px;
    background-position: -150px -110px;
    float: right;
    text-indent: -9000px;
    font-size: 0;
    line-height: 0
    }
#search-page-title-count {
    font-size: 2.5rem;
    color: #e50083
    }
#search-page-title-poste {
    font-size: 14px;
    color: #000
    }
.page-recruteur-tableau-de-bord-candidatures- .ui-tabs ol li {
    text-align: center
    }
div.gerer-candidats-list.candidat_premium .card, div.gerer-candidats-list.candidat_visibilite_plus .card {
    background-color: #fbe0a5;
    border: 1px solid #f5c145
    }
.form-type-search-api-location-pick {
    overflow: hidden
    }
.form-item-spatial-1-radius {
    display: none
    }
.form-item-spatial-1-address input {
    width: 260px
    }
#metiers_elargis {
    display: none
    }
.en_ligne {
    text-indent: -9000px;
    display: inline-block;
    width: 92px;
    height: 20px;
    line-height: 16px;
    background: url(/sites/all/themes/jap/img/layout/status-line.png) no-repeat
    }
.hors_ligne {
    text-indent: -9000px;
    display: inline-block;
    width: 92px;
    height: 20px;
    line-height: 16px;
    background: url(/sites/all/themes/jap/img/layout/status-offline.png) no-repeat
    }
.box-postuler {
    margin-bottom: 15px;
    border: none
    }
#search-api-page-search-form > div {
    position: relative;
    display: block;
    width: 885px;
    float: left;
    padding: 15px 15px 0 15px;
    margin: 10px 0 20px 0;
    border: 1px solid #DADADA;
    border-radius: 5px
    }
#search-api-page-search-form .form-item {
    margin: 0 15px 15px 0
    }
#search-api-page-search-form .search-api-page-search-form-submit {
    margin: 15px 0
    }
#search-api-page-search-form .search-api-page-salaire-span {
    color: #a9a9a9
    }
#search-api-page-search-form label {
    display: block
    }
#search-api-page-search-form .slider .bar {
    float: left;
    width: 210px;
    margin: 3px 10px
    }
#search-api-page-search-form .slider .valeur {
    float: left
    }
#search-api-page-search-form .form-type-search-api-location-pick {
    display: block;
    float: left;
    height: 100px;
    width: 280px
    }
#metiers_elargis {
    display: block;
    left: 250px;
    position: absolute;
    top: 100px;
    width: 550px;
    z-index: 9000;
    background: none repeat scroll 0 0 #FFF;
    display: block;
    border: 1px solid #DADADA;
    border-radius: 5px;
    padding: 5px
    }
#metiers_elargis .form-item {
    display: block;
    float: left;
    margin: 5px 10px;
    clear: both
    }
#metiers_elargis .close_link {
    display: block;
    float: right;
    margin: 10px
    }
.switch {
    display: block;
    float: right;
    overflow: hidden;
    margin: 15px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top bottom, #fff, #eee)
    }
.cb-enable {
    border-radius: 0 5px 5px 0;
    display: block;
    float: left;
    border: 1px solid #dadada
    }
.cb-disable {
    border-radius: 5px 0 0 5px;
    display: block;
    float: left;
    border: 1px solid #dadada
    }
.cb-enable span, .cb-disable span {
    padding: 10px;
    display: block;
    float: left
    }
.cb-disable.selected, .cb-enable.selected {
    background-color: #e50083;
    border: 1px solid #e50083
    }
.cb-disable.selected span, .cb-enable.selected span {
    color: #fff
    }
input[readonly] {
    background-color: #eee
    }
.jap-gestion-candidatures-mail-form {
    display: inline-block
    }
table.abonnement td.selected, table.abonnement td.title_selected, table.abonnement td.button_selected {
    border: 2px solid orange
    }
div.texte_prochain_abo {
    font-size: 1.5rem;
    color: #E50083;
    margin: 0 0 5px 0;
    font-weight: normal
    }
#visites-liste {
    margin-top: 10px
    }
#visites-liste .gerer-recruteurs-list {
    float: left;
    margin: 0 20px 30px 0
    }
#visites-liste .gerer-recruteurs-list.last {
    margin-right: 0
    }
#visites-liste .card .box-visite {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    color: #a9a9a9;
    font-size: 11px;
    padding: 0.4em 0.5em
    }
#visites-liste .card .box-fig {
    margin-bottom: 19px
    }
#visites-liste .card .box-title {
    font-size: 18px;
    color: #000
    }
#visites-liste .card .entreprise {
    font-size: 11px;
    color: #a9a9a9
    }
#visites-liste .card .distance {
    font-size: 11px;
    color: #a9a9a9;
    margin-bottom: 8px
    }
.search-results {
    float: left;
    clear: both
    }
ul.search-results {
    margin-left: 0;
    list-style-type: none;
    line-height: 14px
    }
.search-result {
    display: block;
    position: relative;
    width: 680px
    }
.search-result .view-annonce {
    width: 680px
    }
.candidatures_list .view-annonce {
    width: 620px
    }
div.gerer-candidats-list .box-title a, .view-annonce .title a {
    text-decoration: none
    }
.view-annonce .teaser-bottom, .conf_supp {
    clear: both
    }
.view-annonce {
    display: block;
    float: left;
    position: relative;
    clear: both;
    padding: 10px 0 15px 0;
    border-bottom: none
    }
.view-annonce .title {
    font-size: 14px;
    font-weight: 700;
    display: inline;
    margin: 0 15px 0 0
    }
.view-annonce .urgent {
    font-size: 18px;
    color: #000;
    font-family: "Lobster", cursive;
    display: inline
    }
.view-annonce .poste {
    font-size: 12px;
    color: #000
    }
.view-annonce .infos {
    font-size: 11px;
    color: #888
    }
.view-annonce .options {
    font-size: 11px;
    color: #a9a9a9
    }
.view-annonce .publication {
    font-size: 11px;
    color: #a9a9a9
    }
.view-annonce .teaser-image {
    display: block;
    float: left;
    width: 120px;
    height: 80px;
    padding: 5px;
    margin-right: 10px;
    margin-left: 5px;
    border: 1px solid #cecece;
    background-color: #fff;
    position: relative;
    line-height: 9px
    }
.view-annonce .teaser-image:before {
    content: url(/sites/all/themes/jap/img/layout/curve-130px.png);
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 130px;
    height: 3px;
    font-size: 0
    }
.view-annonce .teaser-image img {
    background-color: #555
    }
.view-annonce .teaser-text {
    float: left;
    width: 350px;
    overflow: hidden;
    margin-bottom: 5px
    }
.view-annonce .teaser-actions {
    float: right;
    width: 110px;
    margin: 0 10px 0 0;
    text-align: right
    }
.view-annonce .teaser-actions .macarons {
    float: right;
    display: block;
    height: 33px;
    background: none
    }
.view-annonce .teaser-actions .mapitemlink {
    float: right;
    display: block;
    clear: both;
    width: 110px
    }
.view-annonce .teaser-bottom {
    position: absolute;
    bottom: 5px;
    right: 0;
    text-align: right
    }
.view-annonce .teaser-meta {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 6px 11px;
    margin-left: 1px;
    font-size: 11px
    }
.view-annonce .teaser-meta.btn {
    cursor: pointer
    }
.view-annonce .teaser-meta.btn a {
    color: #e50083;
    text-decoration: underline
    }
.view-annonce .candit_aban {
    position: absolute;
    width: 93.5%;
    background: #fff;
    text-align: center
    }
.view-annonce .candit_aban .small-button {
    display: inline-block
    }
.view-annonce .candit_aban p {
    margin-bottom: 1em;
    text-align: center
    }
.view-annonce-recruteur .borders-rounded {
    display: block;
    float: left;
    width: 600px;
    margin: 0 0 10px 0
    }
.view-annonce .position {
    position: absolute;
    top: 12px;
    left: 10px;
    padding: 0;
    text-align: center;
    display: block;
    width: 23px;
    height: 22px;
    line-height: 20px;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    z-index: 8000;
    color: #e50083
    }
.view-annonce .annonce_orange {
    background-color: #fcbe1b;
    color: #fff;
    float: left;
    margin: 5px 0 0;
    padding: 3px
    }
.view-annonce .annonce_rose {
    color: #e50083;
    float: left;
    margin: 5px 0 0;
    padding: 3px;
    font-size: 12px;
    font-style: italic
    }
.view-annonce .annonce_action {
    margin-top: 10px
    }
.page-candidat-tableau-de-bord-candidatures .view-annonce.premium {
    background-color: #fef9ea;
    border: 1px solid #f5c145;
    border-top: 1px solid #f5c145
    }
.view-annonce.premium {
    background-color: #fef9ea;
    border: 1px solid #f5c145;
    border-top: 1px solid #f5c145
    }
.view-annonce.premium .teaser-meta {
    background: none;
    border-top: 1px solid #f5c145;
    border-left: 1px solid #f5c145;
    margin: 0
    }
.view-annonce.premium .teaser-bottom {
    background: none;
    border-bottom: 1px solid #f5c145;
    margin: 0
    }
.view-annonce.list_item {
    width: 658px
    }
.view-annonce.list_item .teaser-text {
    width: 400px
    }
.page-candidat-tableau-de-bord-candidatures .view-annonce {
    min-height: 135px;
    padding: 20px 0 0;
    border-top: 1px solid #e5e5e5
    }
.page-candidat-tableau-de-bord-candidatures .search-result {
    margin: 0
    }
.page-candidat-tableau-de-bord-candidatures .poste {
    margin-bottom: 0.3em
    }
.page-candidat-tableau-de-bord-candidatures .infos, .page-candidat-tableau-de-bord-candidatures .publication {
    line-height: 1em;
    margin-bottom: 0.3em
    }
.view-annonce-recruteur .view-annonce {
    border: none
    }
.view-annonce-recruteur .view-annonce tr td {
    padding: 0
    }
#pack_profils_table {
    border: none;
    background: #f2f2f2;
    width: 711px
    }
#pack_profils_table thead tr {
    background: url(/sites/all/themes/jap/img/layout/profil_pack_icons.jpg) top center repeat-x;
    height: 96px
    }
#pack_profils_table thead, #pack_profils_table tbody, #pack_profils_table tr, #pack_profils_table tr td {
    border: none;
    font-size: 12px;
    color: #555;
    text-align: left
    }
#pack_profils_table b {
    font-size: 14px;
    font-style: italic;
    color: #000
    }
#pack_profils_table tbody tr td {
    padding: 5px 15px 15px;
    vertical-align: top
    }
.pack_profils_content .form-item-pack-profils {
    margin: 5px 0 5px 150px;
    color: #555;
    font-size: 14px
    }
.pack_profils_content .form-item-pack-profils .hightligh {
    color: #e50083;
    font-size: 14px
    }
.pack_profils_content .form-item-pack-profils p {
    display: inline;
    clear: none
    }
.pack_profils_content .form-item-pack-profils .item_price {
    display: inline;
    clear: none;
    color: #555
    }
.pack_profils_content .form-item-coupon {
    margin-left: 150px
    }
.pack_profils_content .recap_pack_profil {
    margin-left: 150px
    }
.pack_profils_content #coupon {
    width: 360px;
    margin: 0
    }
.pack_profils_content #add_coupon {
    margin: 4px 15px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat scroll -84px -54px transparent;
    border: 0 none;
    color: transparent;
    height: 26px;
    text-indent: -9999px;
    width: 80px
    }
.photo_item {
    width: 212px;
    height: 240px;
    float: left;
    margin: 10px 7px 0
    }
.photo_item .view-annonce {
    width: 212px;
    margin: 0;
    padding: 0;
    border-bottom: none
    }
.photo_item .view-annonce .teaser-text {
    width: 220px;
    margin-top: 5px
    }
.photo_item .view-annonce .infos, .photo_item .view-annonce .publication, .photo_item .view-annonce .teaser-actions {
    display: none
    }
.photo_item .view-annonce .position {
    top: 6px;
    left: 6px
    }
.photo_item .view-annonce .urgent {
    position: absolute;
    text-align: center;
    width: 50px;
    height: 22px;
    line-height: 23px;
    top: 6px;
    left: 28px;
    background: #fff;
    font-size: 14px
    }
.photo_item .view-annonce.attractive .urgent {
    background: #fbe0a5
    }
.photo_item .view-annonce .teaser-image {
    width: 200px;
    height: 130px;
    padding: 5px
    }
.photo_item .view-annonce .teaser-image:before {
    width: 210px;
    height: 140px;
    bottom: -140px;
    content: url(/sites/all/themes/jap/img/layout/curve-213px.png);
    z-index: -9000
    }
.photo_item .view-annonce .teaser-image img {
    background-color: #555;
    width: 200px;
    height: 130px
    }
.view-annonce.attractive .teaser-image {
    background-color: #fbe0a5;
    border: 1px solid #f7c24c
    }
.view-annonce.attractive .position {
    background-color: #fbe0a5;
    color: #000
    }
.view-annonce.attractive .title a, .view-annonce.attractive .title a:visited {
    color: #e39d00
    }
.search_save_alert_form {
    display: block;
    float: left;
    width: 209px;
    float: left;
    margin: 0 0;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #dadada;
    border-radius: 5px;
    background: #f2f2f2
    }
.search_save_alert_form h5 {
    text-indent: -9000px;
    display: block;
    margin: 10px 0 0 0;
    height: 60px;
    background: #f2f2f2 url(/sites/all/themes/jap/img/layout/search_alert_title.png) top left no-repeat
    }
.search_save_alert_form p {
    color: #555;
    font-style: italic;
    margin: 5px 10px
    }
.search_save_alert_form .form-submit {
    display: block;
    position: relative;
    clear: both;
    top: -55px;
    left: 170px;
    width: 25px;
    height: 25px;
    overflow: hidden;
    border: none;
    background: #fff;
    color: #e50083
    }
.search_save_alert_form .form-item-mail {
    clear: both;
    float: none;
    position: relative;
    margin: 10px
    }
.search_save_alert_form .form-item-mail input {
    width: 170px
    }
.search_save_alert_form .form-submit.connected_submit {
    display: block;
    position: relative;
    clear: both;
    top: 0;
    left: 13px;
    text-indent: -9000px;
    margin: 0 0 15px 0;
    line-height: 0;
    width: 181px !important;
    height: 27px !important;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat 0 -108px !important;
    overflow: hidden;
    border: none
    }
.search_save_alert_form .form-submit.connected_submit:hover {
    background-position: 0 -135px !important
    }
.search_save_alert_form label {
    display: none
    }
.search_save_alert_form div.messages.status {
    margin: 10px;
    font-size: 12px
    }
.search_save_alert_form div.messages.error {
    margin: 10px;
    font-size: 12px
    }
.sort_facets {
    display: block;
    float: left;
    width: 215px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 0
    }
.sort_facets h5 {
    line-height: 20px;
    margin: 10px 0 10px;
    text-align: center
    }
.sort_facets h6 {
    line-height: 20px;
    margin-top: 15px;
    clear: both;
    font-family: verdana;
    font-size: 12px;
    background-color: #e5e5e5;
    color: #555;
    text-indent: 10px
    }
.sort_facets ul {
    display: block;
    float: left;
    clear: both;
    margin: 2px 0 7px 5px
    }
.sort_facets ul li {
    display: block;
    overflow: hidden;
    float: left;
    clear: both;
    position: relative;
    margin: 0 0 5px 0;
    width: 215px
    }
.sort_facets ul li input[type="checkbox"] {
    float: left;
    width: 25px;
    position: absolute
    }
.sort_facets ul li label {
    clear: both;
    float: left;
    width: 25px
    }
.sort_facets ul li a {
    display: block;
    overflow: hidden;
    float: right;
    font-family: verdana;
    font-size: 11px;
    color: #555;
    text-decoration: none;
    width: 190px;
    margin: 4px 0 0;
    padding: 0
    }
.sort_facets ul li a:hover {
    text-decoration: underline
    }
.sort_facets .facetapi-limit-link {
    margin: 0 0 0 30px;
    font-size: 11px
    }
.search_results_sort {
    display: block;
    float: left;
    overflow: hidden;
    margin: 20px 0
    }
.search_results_sort h6 {
    display: block;
    float: left;
    margin: 0;
    font-family: "GothamRounded-Medium", verdana;
    font-size: 18px;
    line-height: 20px;
    color: #000
    }
.search_results_sort .item-list {
    display: block;
    float: left
    }
.search_results_sort ul {
    list-style: none;
    list-style-type: none;
    float: left;
    margin: 2px 0 0 5px
    }
.search_results_sort ul li {
    list-style-type: none;
    float: left;
    margin: 0 0 0 5px
    }
.search_results_sort ul li a {
    font-family: verdana;
    font-size: 11px;
    color: #e50083;
    text-decoration: underline
    }
.search_results_sort ul li a:after {
    content: " "
    }
.search_results_sort ul li a:hover {
    color: #000
    }
.search_results_sort ul li .search-api-sort-active a {
    color: #000;
    text-decoration: none
    }
.search_results_sort ul li .sort-item img {
    margin-bottom: 2px
    }
#search_api_page_search_form-gmap .view-annonce .teaser-actions {
    float: right;
    width: 80px
    }
#search_api_page_search_form-gmap .view-annonce .teaser-text {
    width: 330px
    }
#search_api_page_search_form-gmap .view-annonce .bu {
    display: none !important
    }
.pager {
    position: relative
    }
.pager li a {
    color: #e50083
    }
.pager li a:hover {
    color: #000
    }
.pager li.pager-next {
    content: " >> "
    }
.pager li.pager-last {
    position: absolute;
    right: 0;
    float: right;
    padding: 0
    }
.pager li.pager-first {
    position: absolute;
    left: 0;
    float: left;
    padding: 0
    }
.form-item-condition-general {
    clear: both;
    margin-left: 150px
    }
#content.one-sidebars {
    width: 685px
    }
table.panier_checkout {
    color: #555;
    background: none;
    border: 1px solid #dadada;
    border-collapse: collapse
    }
table.panier_checkout tr {
    border: 1px solid #dadada
    }
table.panier_checkout tr td {
    padding: 10px
    }
table.panier_checkout thead {
    background: none
    }
table.panier_checkout thead tr th {
    font-size: 10px;
    text-transform: uppercase;
    color: #555;
    border: none;
    font-weight: normal;
    padding: 10px
    }
table.panier_checkout tbody tr {
    border: 1px solid #dadada;
    background: none;
    font-size: 12px;
    color: #555
    }
table.panier_checkout tbody tr td {
    border: none
    }
table.panier_checkout tfoot tr {
    background: none;
    border: 1px solid #dadada
    }
table.panier_checkout tfoot tr td {
    font-size: 12px;
    color: #e50083;
    font-weight: 700;
    border: none
    }
table.panier_checkout .altern, table.panier_checkout .views-field-quantity, table.panier_checkout .views-field-commerce-total {
    background: #f2f2f2
    }
table.panier_checkout .text-left, table.panier_checkout .views-field-line-item-title {
    text-align: left
    }
table.panier_checkout .text-right {
    text-align: right
    }
.panier_review_account_details {
    margin-left: 150px;
    color: #555;
    font-style: italic;
    line-height: 20px
    }
#edit-commerce-coupon {
    margin: 15px 0 15px 150px
    }
.fieldset-legend {
    font-size: 18px;
    clear: both
    }
#addressfield-wrapper {
    margin: 15px 0 15px 150px
    }
#addressfield-wrapper label {
    display: none
    }
.page-checkout-review #addressfield-wrapper label {
    display: block
    }
#addressfield-wrapper input[type="text"]#edit-customer-profile-billing-commerce-customer-address-und-0-name-line {
    width: 430px
    }
#addressfield-wrapper input[type="text"]#edit-customer-profile-billing-commerce-customer-address-und-0-thoroughfare {
    width: 430px
    }
#addressfield-wrapper input[type="text"]#edit-customer-profile-billing-commerce-customer-address-und-0-premise {
    width: 430px
    }
#addressfield-wrapper input[type="text"]#edit-customer-profile-billing-commerce-customer-address-und-0-postal-code {
    width: 150px
    }
#addressfield-wrapper input[type="text"]#edit-customer-profile-billing-commerce-customer-address-und-0-locality {
    width: 250px
    }
#edit-commerce-payment .fieldset-wrapper {
    margin: 15px 0 15px 150px
    }
#edit-commerce-payment .form-item {
    float: left;
    clear: both;
    margin: 15px 0 0 0;
    width: 430px
    }
#edit-commerce-payment .form-item .commerce-atos-payment-means {
    float: left;
    clear: both;
    width: 430px
    }
.checkout-buttons {
    margin: 15px 0 15px 150px;
    float: right
    }
.checkout-buttons .checkout-continue {
    float: right;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat;
    border: 0;
    height: 37px;
    overflow: hidden;
    text-indent: -9999px;
    color: transparent;
    width: 202px;
    background-position: -368px -444px
    }
.checkout-buttons .checkout-continue:hover {
    background-position: -368px -481px
    }
.checkout-buttons .checkout-continue:focus {
    background-position: -368px -481px
    }
.checkout-buttons .checkout-back {
    float: left
    }
#webform-client-form-45 .webform-component {
    display: block;
    float: left;
    clear: both;
    margin: 15px 0 0 150px
    }
#webform-client-form-45 .webform-component input[type="text"] {
    width: 463px
    }
#webform-client-form-45 .webform-component textarea {
    width: 480px
    }
#webform-client-form-45 .webform-component#webform-component-civilite {
    display: block;
    float: left;
    clear: none;
    margin: 15px 0 0 150px
    }
#webform-client-form-45 .webform-component#webform-component-civilite div.dk_container, #webform-client-form-45 .webform-component#webform-component-civilite a.dk_toggle {
    width: 90px !important;
    color: #DADADA
    }
#webform-client-form-45 .webform-component#webform-component-prenom {
    display: block;
    float: left;
    clear: none;
    margin: 15px 0 0 15px
    }
#webform-client-form-45 .webform-component#webform-component-prenom input {
    width: 160px
    }
#webform-client-form-45 .webform-component#webform-component-nom {
    display: block;
    float: left;
    clear: none;
    margin: 15px 0 0 15px
    }
#webform-client-form-45 .webform-component#webform-component-nom input {
    width: 160px
    }
#webform-client-form-45 .webform-component#webform-component-sujet {
    display: block;
    float: left;
    clear: none;
    margin: 15px 0 0 150px
    }
#webform-client-form-45 .webform-component#webform-component-sujet div.dk_container, #webform-client-form-45 .webform-component#webform-component-sujet a.dk_toggle {
    width: 480px !important
    }
#webform-client-form-45 .webform-component#webform-component-n-de-telephone input {
    width: 205px
    }
#webform-client-form-45 .webform-component#webform-component-type-de-mobile {
    display: block;
    float: left;
    clear: none;
    margin: 15px 0 0 15px
    }
#webform-client-form-45 .webform-component#webform-component-type-de-mobile div.dk_container, #webform-client-form-45 .webform-component#webform-component-type-de-mobile a.dk_toggle {
    width: 240px !important
    }
#webform-client-form-45 .webform-component .form-type-radio {
    display: block;
    float: left;
    clear: none;
    margin: 5px 0 0 0;
    width: 150px
    }
#webform-client-form-45 .form-actions {
    display: block;
    float: right;
    clear: both
    }
.view-user-invoices table {
    background: none;
    text-align: left
    }
.view-user-invoices table thead {
    background: none;
    border: none !important;
    color: #555;
    text-align: left
    }
.view-user-invoices table thead th {
    padding: 7px;
    border: none !important;
    font-weight: normal
    }
.view-user-invoices table tbody {
    background: none;
    border: none !important;
    color: #a9a9a9;
    text-align: left
    }
.view-user-invoices table tr {
    background: none !important;
    border-top: 1px solid #dadada
    }
.view-user-invoices table tr td {
    background: none !important;
    border: none !important;
    text-align: left;
    padding: 7px;
    color: #a9a9a9
    }
.push-text .hr-default {
    margin: 0
    }
.push .push-text .hr-default {
    margin: 0
    }
.push-text .icon-phone-push {
    background: url(/sites/all/themes/jap/img/layout/icon-phone.png) no-repeat;
    padding: 5px 0 5px 30px
    }
.push-text .icon-mail-push {
    background: url(/sites/all/themes/jap/img/layout/icon-mail.png) no-repeat;
    padding: 0 0 0 30px
    }
.push-text .icon-mail-push a {
    color: #a9a9a9;
    text-decoration: none
    }
.push-text .icon-mail-push a:hover {
    text-decoration: underline
    }
#sticker_contact {
    z-index: 9999;
    display: block;
    text-indent: -9000px;
    position: fixed;
    left: -32px;
    top: 130px;
    width: 90px;
    height: 145px;
    background: url(/sites/all/themes/jap/img/layout/sticker-contact.jpg) no-repeat right top;
    transition: all 0.5s ease 0.1s;
    -webkit-transition: all 0.5s ease 0.1s
    }
a:hover#sticker_contact {
    left: -22px
    }
#sticker_metro {
    display: block;
    text-indent: -9000px;
    position: absolute;
    right: -40px;
    top: 100px;
    width: 250px;
    height: 33px;
    z-index: 400;
    background: #fff url(/sites/all/themes/jap/img/layout/soutien-metro.png) no-repeat left bottom;
    transition: all 0.5s ease 0.1s;
    -webkit-transition: all 0.5s ease 0.1s
    }
.sticker_metro_shadow {
    display: block;
    text-indent: -9000px;
    position: absolute;
    left: 745px;
    top: 133px;
    width: 420px;
    height: 18px;
    z-index: 300;
    background: url(/sites/all/themes/jap/img/layout/shadow_bottom_metro.jpg) no-repeat left bottom
    }
.list-alert-elmt {
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    padding: 10px;
    width: 690px;
    margin: 15px 0 0 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    white-space: nowrap
    }
.list-alert-elmt .poste {
    font-size: 14px;
    font-style: italic
    }
.list-alert-elmt .address {
    font-size: 12px;
    font-style: italic
    }
.list-alert-elmt .infos {
    font-size: 12px;
    color: #a9a9a9;
    font-style: normal
    }
.conf_supp .non-supprimer-alerte {
    position: absolute;
    top: 10px;
    right: 70px
    }
.conf_supp .s-yes {
    position: absolute;
    top: 10px;
    right: 10px
    }
.conf_supp {
    display: block;
    float: left;
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 10px;
    width: 658px !important;
    height: 30px;
    margin: 5px 0 0 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    white-space: nowrap
    }
.add-alert {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 10px;
    width: 690px;
    margin: 15px 0 0 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px
    }
#aucune-alerte {
    margin: 1em 0;
    padding: 0 10px
    }
body #cboxClose {
    top: 0;
    right: 0
    }
.cropbox-submit-wrapper {
    text-align: right
    }
.cropbox-submit-wrapper a {
    display: inline-block
    }
.jap-gestion-candidatures-mail-form > div {
    width: 560px
    }
.jap-gestion-candidatures-mail-form #s-validate {
    margin-top: 30px
    }
#jap-abonnement-profil-pack-form .form-item-condition-general {
    float: none;
    margin-left: 146px
    }
.response-check-coupon {
    color: black;
    font-weight: bold
    }
.response-check-coupon .montant-reduc {
    color: #e39d00;
    font-weight: bold
    }
#content.page-payment {
    float: none;
    text-align: center
    }
#external_search {
    background: #fff
    }
.external_search_title {
    display: block;
    width: 373px;
    height: 67px;
    margin-bottom: 10px;
    text-indent: -9000px;
    line-height: 0;
    background-image: url(/sites/all/themes/jap/img/jobaproximite-external-search-header.png);
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #ddd
    }
#external_search .form-item {
    margin: 10px 10px 0 10px
    }
#external_search #home-search-address {
    width: 333px;
    margin: 0;
    font-size: 14px
    }
#external_search #edit-poste {
    width: 333px;
    margin: 0;
    font-size: 14px
    }
#external_search #home-search-submit {
    margin: 10px
    }
#external_search #autocomplete {
    height: 80px
    }
#beta_badge {
    font-family: "Lobster";
    font-size: 18px;
    color: #e50083;
    position: absolute;
    top: 55px;
    left: 20px
    }
#homepage h1, #homepage h1, #homepage h5 {
    font-family: GothamRounded-Medium, verdana, sans-serif
    }
#homepage h1 {
    margin-bottom: 0
    }
#homepage #find {
    width: 450px
    }
#homepage #find h1.base_line {
    display: block;
    width: 272px;
    height: 64px;
    background: url(/sites/all/themes/jap/img/layout/home_baseline.jpg) no-repeat;
    text-indent: -9000px;
    margin: 25px 0 15px
    }
#homepage #find h3 {
    margin: 0 0 20px
    }
#homepage #find input[type=text] {
    width: 430px;
    font-size: 1.3em
    }
#home-search-address {
    color: #e50083;
    font-style: normal;
    font-weight: 700
    }
#home-search-address::-webkit-input-placeholder {
    color: #e50083
    }
#home-search-submit {
    width: 155px;
    background-position: -151px -73px;
    float: right
    }
#home-search-submit:hover {
    background-position: -151px -110px
    }
.node-page h1 {
    font-size: 25px;
    font-size: 2.5rem
    }
.node-page h2 {
    font-size: 18px;
    font-size: 1.8rem
    }
.node-page h3 {
    font-size: 14px;
    font-size: 1.4rem
    }
.node-page h4 {
    font-size: 12px;
    font-size: 1.2rem
    }
.node-page h1 {
    margin: 0 0 15px;
    font-weight: 400;
    color: #e50083
    }
.node-page h2, .node-page h3, .node-page h4 {
    margin: 0 0 5px;
    font-weight: 400;
    color: #000
    }
.node-page h5 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px
    }
.node-page h6 {
    font-size: 14px;
    font-size: 1.4rem
    }
.node-page h5 {
    font-weight: 400;
    color: #e50083
    }
.node-page h6 {
    font-weight: 400;
    color: #000
    }
.node-page strong, .node-page .strong {
    font-weight: 700
    }
.node-page i, .node-page .italic {
    font-style: italic
    }
.node-page .text-14 {
    font-size: 14px;
    font-size: 1.4rem
    }
.node-page b, .node-page .highlight {
    color: #e50083
    }
.node-page .center {
    text-align: center
    }
.node-page table {
    margin: 15px 0
    }
.node-page img {
    margin: 10px
    }
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
    }
::selection {
    background: #000;
    color: #fff;
    text-shadow: none
    }
a:link, a:visited {
    color: #e50083
    }
a:hover, a:focus, a:active {
    color: #000
    }
.view-slideshow-home-footer {
    position: relative;
    display: block;
    width: 450px;
    height: 137px;
    overflow: hidden
    }
.view-slideshow-home-footer p {
    text-align: justify
    }
.view-slideshow-home-footer .bx-window {
    height: 150px !important
    }
.slideshow-footer {
    position: relative
    }
.slideshow-footer .arrow-right {
    position: absolute;
    top: -28px;
    right: 0
    }
.slideshow-presentation {
    position: relative;
    display: block;
    padding-bottom: 9px;
    width: 420px;
    height: 420px;
    background: url(/sites/all/themes/jap/img/layout/curve-420px.png) no-repeat center bottom;
    margin: 0 0 0 50px;
    overflow: hidden
    }
.bx-wrapper-slideshow-presentation, .slideshow-presentation .views-row, .slideshow-presentation-item, .slideshow-presentation .job_offer, .slideshow-presentation .job_offer-fig, .slideshow-presentation .job_offer-info, .slideshow-presentation .job_offer-head, .slideshow-presentation .job_offer-body {
    float: left
    }
.slideshow-presentation .job_offer-action {
    float: right;
    padding-top: 15px;
    width: 77px
    }
.slideshow-presentation .view, .bx-wrapper-slideshow-presentation, .slideshow-presentation .views-row, .slideshow-presentation-item, .slideshow-presentation .job_offer {
    width: 390px !important
    }
.slideshow-presentation .job_offer-info, .slideshow-presentation .job_offer-head, .slideshow-presentation .job_offer-body {
    width: 233px
    }
.slideshow-presentation img.slideshow_presentation_illust {
    display: block;
    width: 390px;
    height: 260px;
    background: #eaeaea
    }
.slideshow-presentation img.slideshow_user_pic {
    display: block;
    float: left;
    margin: 30px 0;
    width: 60px;
    height: 60px;
    background: #eaeaea
    }
.slideshow-presentation .view {
    position: relative;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    padding: 14px
    }
.slideshow-presentation-item {
    display: block;
    height: 390px
    }
.slideshow-presentation .job_offer {
    padding-top: 15px
    }
.slideshow-presentation .job_offer-fig {
    width: 60px;
    height: 60px
    }
.slideshow-presentation .job_offer-info {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 30px;
    background: url(/sites/all/themes/jap/img/layout/quote-open.png) no-repeat 0 0
    }
.slideshow-presentation .job_offer-head {
    padding-top: 3px;
    padding-bottom: 7px
    }
.slideshow-presentation .job_offer-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #e50083;
    margin: 0
    }
.slideshow-presentation .job_offer-body {
    padding-bottom: 4px
    }
.slideshow-presentation .job_offer-body-item {
    font-size: 1.2rem;
    font-style: italic;
    color: #555
    }
.slideshow-presentation .b-see:link, .slideshow-presentation .b-see:visited {
    float: right;
    width: 63px;
    background-position: -306px -74px;
    margin-top: 30px
    }
.slideshow-presentation .b-see:hover, .slideshow-presentation .b-see:focus, .slideshow-presentation .b-see:active {
    background-position: -306px -111px
    }
.bx-wrapper-slideshow-footer img {
    float: left;
    margin: 5px
    }
.bx-wrapper-slideshow-footer .views-row {
    color: #000
    }
.bx-wrapper-slideshow-footer .highlight {
    background: url(/sites/all/themes/jap/img/layout/quote-open.png) no-repeat 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #e50083;
    margin: 0
    }
.bx-wrapper-slideshow-footer p {
    text-align: left;
    font-size: 12px;
    font-style: italic;
    color: #555
    }
.etiquette_entreprise_recrut {
    position: absolute;
    top: 245px;
    left: 65px;
    background: url(/sites/all/themes/jap/img/layout/etiquette_entreprise_recrut.png) no-repeat 0 0;
    display: block;
    width: 290px;
    height: 30px;
    text-indent: -9000px;
    line-height: 0
    }
#homepage h5 {
    margin: 0 0 15px 0
    }
#homepage #ourdifferences > div {
    float: left
    }
#homepage #ourdifferences > header {
    margin: 0 0 15px
    }
#homepage #ourdifferences > header > h5 {
    float: left
    }
#homepage #ourdifferences > header > a {
    float: right;
    font-size: 14px;
    font-size: 1.4rem
    }
#homepage #ourdifferences .field-name-field-title-content {
    font-weight: 700
    }
#ourdifferences .views-row {
    float: left;
    padding: 75px 10px 10px 10px;
    width: 193px;
    height: 190px;
    min-height: 180px;
    line-height: 18px;
    border: 1px solid #dadada;
    border-radius: 5px
    }
#ourdifferences .views-row + .views-row {
    margin: 0 0 0 20px;
    height: 190px
    }
#ourdifferences .views-row.views-row-1 {
    background: transparent url(/sites/all/themes/jap/img/layout/home-push-animation.gif) no-repeat
    }
#ourdifferences .views-row.views-row-2 {
    background: transparent url(/sites/all/themes/jap/img/layout/home-push-candidate.gif) no-repeat
    }
#ourdifferences .views-row.views-row-3 {
    background: transparent url(/sites/all/themes/jap/img/layout/home-push-mglass.gif) no-repeat
    }
#ourdifferences .views-row.views-row-4 {
    background: transparent url(/sites/all/themes/jap/img/layout/home-push-conversation.gif) no-repeat
    }
#ourdifferences .accueil_block_video {
    float: left;
    margin: 0 0 0 0;
    width: 450px;
    height: 312px
    }
#ourdifferences .flux-rss-metro {
    float: left;
    padding: 80px 10px 10px 10px;
    margin: 0 20px 0 20px;
    width: 429px;
    height: 220px;
    min-height: 180px;
    line-height: 18px;
    border: 1px solid #dadada;
    border-radius: 5px;
    background: transparent url(/sites/all/themes/jap/img/layout/home-push-metro-flux.jpg) no-repeat
    }
#ourdifferences .metro_flux_item {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 2px;
    width: 427px
    }
#ourdifferences .metro_flux_item .metro_flux_date {
    clear: both;
    display: block;
    float: left;
    width: 75px;
    color: #a9a9a9
    }
#ourdifferences .metro_flux_item .metro_flux_link {
    display: block;
    float: left;
    width: 350px;
    color: #555
    }
#ourdifferences .metro_flux_item .metro_flux_link a {
    color: #555;
    text-decoration: none
    }
#ourdifferences .metro_flux_item .metro_flux_link a:hover {
    color: #555;
    text-decoration: underline
    }
#ourdifferences .flux-rss-metro-items {
    clear: both;
    display: block;
    margin: 20px 0 20px 0
    }
#ourdifferences .views-row strong {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #000
    }
#ourdifferences .views-row p {
    text-align: left
    }
#ourdifferences > a {
    display: inline-block
    }
#ourdifferences > a + a {
    margin: 0 0 0 20px
    }
.home_map {
    display: block;
    overflow: hidden;
    text-indent: -9000px;
    width: 927px;
    height: 303px;
    background: url(/sites/all/themes/jap/img/layout/home_map.png) no-repeat
    }
.home_map * {
    text-indent: -9000px;
    list-style-type: none
    }
.home_map ul {
    text-indent: -9000px;
    list-style: none;
    list-style-type: none
    }
.home_map_link {
    position: relative
    }
.home_map_link #visite_link {
    position: absolute;
    top: -130px;
    left: 363px;
    display: block;
    width: 200px;
    height: 150px;
    text-indent: -9000px;
    line-height: 0;
    z-index: 9000
    }
.home_map_link #candidat_link {
    position: absolute;
    top: -50px;
    left: 43px
    }
.home_map_link #recruteur_link {
    position: absolute;
    top: -50px;
    left: 630px
    }
.partners > .partners-header {
    float: left;
    width: 250px
    }
.partners > .partners-header > h5 {
    margin: 30px 0 0 0
    }
.partners > div {
    float: left;
    width: 670px;
    height: 90px;
    overflow: hidden;
    display: block
    }
.partners > div > a {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    float: left
    }
.partners > div > a + a {
    margin: 0 0 0 50px
    }
.partners > div > a.partners-quotatis:link, .partners > div > a.partners-quotatis:visited {
    width: 120px;
    height: 90px;
    margin: 12px 0 0 10px;
    background: transparent url(/sites/all/themes/jap/img/partners/quotatis.png) no-repeat;
    background-position: 0 -90px
    }
.partners > div > a.partners-envido:link, .partners > div > a.partners-envido:visited {
    width: 120px;
    height: 42px;
    margin: 32px 0 0 4px;
    background: transparent url(/sites/all/themes/jap/img/partners/envido.png) no-repeat;
    background-position: 0 -42px
    }
.partners > div > a.partners-pierrevacances:link, .partners > div > a.partners-pierrevacances:visited {
    width: 193px;
    height: 75px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/pierreetvacances.png) no-repeat;
    background-position: 0 -72px
    }
.partners > div > a.partners-wengo:link, .partners > div > a.partners-wengo:visited {
    width: 152px;
    height: 45px;
    margin: 33px 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/wengo.png) no-repeat;
    background-position: 0 -45px
    }
.partners > div > a.partners-franceloisir:link, .partners > div > a.partners-franceloisir:visited {
    width: 87px;
    height: 92px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/France-Loisirs.png) no-repeat;
    background-position: 0 -99px
    }
.partners > div > a.partners-cityone:link, .partners > div > a.partners-cityone:visited {
    width: 68px;
    height: 68px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/city_one.png) no-repeat;
    background-position: 0 -67px
    }
.partners > div > a.partners-cojean:link, .partners > div > a.partners-cojean:visited {
    width: 88px;
    height: 87px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/cojean.png) no-repeat;
    background-position: 0 -80px
    }
.partners > div > a.partners-lyovel:link, .partners > div > a.partners-lyovel:visited {
    width: 120px;
    height: 50px;
    margin: 30px 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/lyovel.png) no-repeat;
    background-position: 0 -55px
    }
.partners > div > a.partners-manpower:link, .partners > div > a.partners-manpower:visited {
    width: 106px;
    height: 80px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/manpower.png) no-repeat;
    background-position: 0 -89px
    }
.partners > div > a.partners-peoplebaby:link, .partners > div > a.partners-peoplebaby:visited {
    width: 150px;
    height: 75px;
    margin: 0 0 0 15px;
    background: transparent url(/sites/all/themes/jap/img/partners/People_and_Baby.png) no-repeat;
    background-position: 0 -68px
    }
.partners > div > a.partners-fnac:link, .partners > div > a.partners-fnac:visited {
    width: 58px;
    height: 56px;
    background: transparent url(/sites/all/themes/jap/img/partners/fnac.png) no-repeat
    }
.partners > div > a.partners-fnac:hover, .partners > div > a.partners-fnac:focus, .partners > div > a.partners-fnac:active {
    background-position: 0 -56px
    }
.partners > div > a.partners-carrefour:link, .partners > div > a.partners-carrefour:visited {
    width: 62px;
    height: 50px;
    background: transparent url(/sites/all/themes/jap/img/partners/carrefour.png) no-repeat
    }
.partners > div > a.partners-carrefour:hover, .partners > div > a.partners-carrefour:focus, .partners > div > a.partners-carrefour:active {
    background-position: 0 -50px
    }
.partners > div > a.partners-adecco:link, .partners > div > a.partners-adecco:visited {
    width: 78px;
    height: 25px;
    background: transparent url(/sites/all/themes/jap/img/partners/adecco.png) no-repeat
    }
.partners > div > a.partners-adecco:hover, .partners > div > a.partners-adecco:focus, .partners > div > a.partners-adecco:active {
    background-position: 0 -25px
    }
.partners > div > a.partners-20minutes:link, .partners > div > a.partners-20minutes:visited {
    width: 50px;
    height: 49px;
    background: transparent url(/sites/all/themes/jap/img/partners/20minutes.png) no-repeat
    }
.partners > div > a.partners-20minutes:hover, .partners > div > a.partners-20minutes:focus, .partners > div > a.partners-20minutes:active {
    background-position: 0 -49px
    }
.partners > div > a.partners-anousparis:link, .partners > div > a.partners-anousparis:visited {
    width: 111px;
    height: 20px;
    background: transparent url(/sites/all/themes/jap/img/partners/anousparis.png) no-repeat
    }
.partners > div > a.partners-anousparis:hover, .partners > div > a.partners-anousparis:focus, .partners > div > a.partners-anousparis:active {
    background-position: 0 -20px
    }
.partners > div > a.ir:hover, .partners > div > a.ir:focus, .partners > div > a.ir:active {
    background-position: 0 0
    }
#aboutit {
    margin: 15px 0 0;
    width: 450px
    }
#aboutit > * + * {
    margin: 20px 0 0
    }
#aboutit-whatsnew > h5 {
    margin: 0 0 5px
    }
#aboutit-whatsnew > p {
    font-size: 14px;
    font-size: 1.4rem
    }
#aboutit-whatsnew > p > strong {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal
    }
#aboutit-saidthat > header {
    margin: 0 0 10px
    }
#aboutit-saidthat > header > p {
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal
    }
#aboutit-saidthat > header > p > a:link, #aboutit-saidthat > header > p > a:visited {
    text-decoration: none;
    color: #f8bfe0
    }
#aboutit-saidthat > header > p > a:hover, #aboutit-saidthat > header > p > a:focus, #aboutit-saidthat > header > p > a:active, #aboutit-saidthat > header > p > a.active {
    color: #e50083
    }
#aboutit-saidthat > .quote {
    padding: 8px 0 0 10px;
    width: 380px
    }
#aboutit-saidthat > .quote > span {
    color: #000
    }
#aboutit-saidthat > .quote > p {
    margin: 5px 0 0;
    text-align: justify;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
#getnews-newsletters {
    margin: 0 0 0 0;
    padding: 0;
    width: 200px;
    min-height: 233px
    }
#getnews-newsletters .form-item-mail {
    display: block;
    float: left
    }
#getnews {
    margin: 0 0 0 20px;
    padding: 0 10px 20px;
    width: 193px;
    height: 255px;
    border: 1px solid #dadada;
    border-radius: 5px
    }
#getnews > * + * {
    margin: 10px 0 0
    }
#getnews h5, #getnews p {
    margin: 15px 0 5px;
    text-align: left
    }
#getnews .form-type-textfield {
    float: left
    }
#getnews-newsletters .form-type-textfield {
    float: left
    }
#getnews-newsletters #edit-newsletters {
    float: left;
    clear: both;
    display: block
    }
#getnews #edit-subscribe {
    background-color: transparent;
    color: #E50083;
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    font-weight: bold;
    margin-left: -40px;
    padding: 9px;
    position: relative
    }
#getnews input[type="text"] {
    width: 143px;
    padding-right: 40px
    }
#getnews-newsletter {
    height: 180px
    }
#getnews-newsletter p + p {
    position: relative;
    clear: both
    }
#getnews input[type="submit"] {
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    color: #e50083;
    background-color: #fff;
    border: 0
    }
#getnews input[type="submit"]:hover, #getnews input[type="submit"]:focus {
    color: #000
    }
#getnews input[type="submit"].error {
    background-color: #fbd9ed
    }
#facebook {
    display: block;
    margin: 0 0 0 20px
    }
#edito #page-hat p {
    margin: 0 0 50px;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
#edito article p {
    line-height: 18px
    }
#edito article p + * {
    margin: 50px 0 0
    }
#edito article strong {
    color: #000
    }
.not-logged-in.page-user #wrapper-content {
    width: 935px
    }
.not-logged-in.page-user #wrapper-content h2 {
    margin: 20px 0 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #555
    }
.not-logged-in.page-user #block-fb-connect-login-facebook-conn {
    text-align: center
    }
.not-logged-in.page-user .button-fb-custom {
    background: #fff;
    height: 37px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0
    }
.button-fb-custom-a {
    background: url(/sites/all/themes/jap/img/fb.png);
    height: 37px;
    width: 392px;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    margin-left: 270px
    }
.not-logged-in.page-user .button-fb-custom a {
    background: url(/sites/all/themes/jap/img/fb.png);
    text-indent: -9000px;
    line-height: 0;
    height: 37px;
    width: 392px;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    margin-left: 270px
    }
.not-logged-in.page-user .button-fb-custom a:hover {
    top: 1px
    }
.not-logged-in.page-user #block-fb-connect-login-facebook-conn > p {
    margin: 10px 0 30px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    color: #a9a9a9
    }
.not-logged-in.page-user #user-login {
    margin: 0 auto;
    width: 450px
    }
.not-logged-in.page-user #wrapper-content .form-item.form-type-textfield > label, .not-logged-in.page-user #wrapper-content .form-item.form-type-password > label, .not-logged-in.page-user #wrapper-content span.form-required {
    display: none
    }
.not-logged-in.page-user #wrapper-content .form-item.form-type-textfield input, .not-logged-in.page-user #wrapper-content .form-item.form-type-password input {
    width: 430px;
    margin: 0
    }
.not-logged-in.page-user #user-login .field-suffix > p {
    clear: both;
    float: right;
    margin: 5px 0 0;
    text-align: right;
    width: 400px
    }
.not-logged-in.page-user #user-login .form-item-remember-me {
    float: left;
    margin: 25px 0 0;
    width: 230px;
    clear: both
    }
.not-logged-in.page-user #user-login #edit-actions {
    float: right;
    display: block;
    height: 70px
    }
.not-logged-in.page-user #wrapper-content #createorconnect {
    margin: 50px auto;
    width: 450px;
    text-align: right
    }
.not-logged-in.page-user #user-register-form {
    margin: 0 auto;
    width: 450px
    }
.not-logged-in.page-user #user-register-form legend, .not-logged-in.page-user #user-register-form .description {
    display: none
    }
.not-logged-in.page-user #user-register-form .form-item.form-type-select > div {
    width: 115px
    }
.not-logged-in.page-user #user-register-form #edit-field-prenom {
    float: left
    }
.not-logged-in.page-user #user-register-form #edit-field-prenom input[type="text"] {
    margin: 0 0 0 10px;
    width: 303px
    }
.not-logged-in.page-user #user-register-form div.form-item-user-roles {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
.not-logged-in.page-user #user-register-form div.form-item-user-roles > label, .not-logged-in.page-user #user-register-form .form-item.form-item-user-roles {
    float: left
    }
.not-logged-in.page-user #user-register-form #edit-user-roles > div {
    width: auto;
    margin: 0 0 0 20px
    }
.not-logged-in.page-user #user-register-form #edit-user-roles > div + div {
    margin: 0 0 0 60px
    }
.not-logged-in.page-user #user-register-form #edit-user-roles span.form-radio {
    margin-top: -2px
    }
.not-logged-in.page-user #user-register-form .form-item-cgv {
    float: left;
    margin: 15px 0 0
    }
.not-logged-in.page-user #user-register-form #edit-actions {
    float: right
    }
#contact .webform-client-form {
    margin: 0 auto;
    width: 450px
    }
#contact .webform-client-form span.form-required {
    display: none
    }
#contact .webform-client-form .form-item.webform-component-textfield input {
    width: 430px
    }
#contact .webform-client-form #webform-component-civilite > div {
    width: 115px
    }
#contact .webform-client-form #webform-component-prenom, #contact .webform-client-form #webform-component-nom {
    float: left
    }
#contact .webform-client-form #webform-component-prenom input[type="text"], #contact .webform-client-form #webform-component-nom input[type="text"] {
    margin: 0 0 0 10px;
    width: 136px
    }
#contact .webform-client-form #webform-component-n-de-telephone, #contact .webform-client-form #webform-component-type-de-mobile {
    float: left
    }
#contact .webform-client-form #webform-component-n-de-telephone input[type="text"] {
    width: 180px
    }
#contact .webform-client-form #webform-component-type-de-mobile > div {
    margin: 0 0 0 10px;
    width: 238px
    }
#contact .webform-client-form #webform-component-type-de-mobile > div > a {
    width: 184px !important
    }
#contact .webform-client-form #webform-component-vous-etes {
    clear: both;
    width: 100%;
    margin: 0 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
#contact .webform-client-form #webform-component-vous-etes > label {
    width: 100%;
    margin: 0 0 10px
    }
#contact .webform-client-form #edit-submitted-vous-etes > div {
    float: left;
    width: 150px;
    margin: 0 0 15px
    }
#contact .webform-client-form #edit-submitted-vous-etes > div .option {
    float: left;
    width: 118px
    }
#contact .webform-client-form #webform-component-sujet > div {
    width: 448px
    }
#contact .webform-client-form #webform-component-sujet > div > a {
    width: 394px !important
    }
#contact .webform-client-form #webform-component-sujet {
    clear: both;
    height: 35px
    }
#contact .webform-client-form #edit-actions {
    text-align: right
    }
.field-name-field-image-associe {
    display: none
    }
.sidebar-first .region-sidebar-first {
    float: left;
    width: 250px;
    border-color: #CCC;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    margin-right: 10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none
    }
.sidebar-first .region-sidebar-first h6 {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    color: #E50083;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc
    }
.sidebar-first .region-sidebar-first #views-exposed-form-job-listing-page .form-item label.option {
    float: right;
    width: 219px;
    background-color: transparent;
    padding: 0
    }
.sidebar-first .region-sidebar-first #views-exposed-form-job-listing-page label {
    background-color: #CCC;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 245px
    }
.sidebar-first .region-sidebar-first #views-exposed-form-job-listing-page .bef-checkboxes {
    margin-left: 8px
    }
.sidebar-first [role="main"] {
    min-height: 1140px
    }
.field-name-field-image-associe {
    display: none
    }
#ajaxloader {
    background-image: url(/sites/all/themes/jap/img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-size: 68px;
    display: none;
    height: 400px;
    left: 50%;
    position: fixed;
    top: 50%;
    width: 392px;
    z-index: 99999
    }
.sidebar-first .region-content {
    float: left;
    width: 658px
    }
.view-job-listing .views-field-nothing .result-sep {
    border: 1px solid #CCC;
    margin-bottom: 7px;
    margin-top: 10px;
    clear: both
    }
.view-job-listing .view-content .views-row {
    clear: both;
    overflow: hidden
    }
.view-job-listing .views-field-nothing .result-image {
    float: left;
    margin-right: 8px;
    margin-bottom: 10px
    }
.view-job-listing .views-field-nothing .result-image img {
    border: 1px solid #ccc
    }
.view-job-listing .views-field-nothing .result-title a {
    text-decoration: none;
    font-weight: bold
    }
.view-job-listing .views-field-nothing .result-title a:hover {
    text-decoration: none
    }
.sidebar-first .region-sidebar-first #views-exposed-form-job-listing-page .views-submit-button {
    padding: 0
    }
.sidebar-first .region-sidebar-first #views-exposed-form-job-listing-page .views-submit-button #edit-submit-job-listing {
    left: 80px;
    position: relative
    }
.result-sort {
    position: relative;
    top: -125px
    }
.region-content .view-job-listing {
    margin-top: 25px
    }
#views-exposed-form-new-search-job-listing-page #edit-keys-wrapper .views-widget {
    background-color: #CCC;
    border: 1px solid;
    padding: 5px 10px;
    position: absolute;
    z-index: 10000
    }
#views-exposed-form-search-job-listing-page #edit-keys-wrapper .views-widget {
    background-color: #CCC;
    border: 1px solid;
    padding: 5px 10px;
    position: absolute;
    z-index: 10000
    }
#close-btn {
    text-align: right
    }
#views-exposed-form-test-candidate-page-1 #edit-keys-wrapper .views-widget {
    background-color: #CCC;
    border: 1px solid;
    padding: 5px 10px;
    position: absolute;
    z-index: 10000;
    width: 330px
    }
#views-exposed-form-test-candidate-page-1 #close-btn {
    text-align: right;
    float: right
    }
#views-exposed-form-test-candidate-page-1 #edit-field-total-experience-value-wrapper .views-widget {
    width: 64px
    }
#views-exposed-form-test-candidate-page-1 #edit-tid-wrapper .views-widget {
    width: 190px
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-keys-1-wrapper label {
    background-color: #CCC;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 245px
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-field-total-experience-value-wrapper label {
    background-color: #CCC;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 245px
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-field-total-experience-value-wrapper .views-widget label {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-tid-wrapper label {
    background-color: #CCC;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 245px
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-tid-wrapper .views-widget label {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
    }
.sidebar-first .region-sidebar-first #views-exposed-form-test-candidate-page-1 #edit-keys-wrapper {
    margin-bottom: 10px;
    margin-left: 6px;
    margin-top: 10px
    }
#views-exposed-form-test-candidate-page-1 .form-item-field-total-experience-value .form-item {
    width: 90px
    }
.visite_guidee_tabs {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
    position: relative
    }
.visite_guidee_tabs ol {
    display: block;
    overflow: hidden;
    position: relative;
    top: 1px
    }
.visite_guidee_tabs ol li {
    display: block;
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 15px 15px 5px 15px;
    font-family: "Verdana";
    font-size: 18px;
    color: #E50083;
    text-decoration: none;
    border: 1px solid #DADADA;
    border-radius: 5px 5px 0 0;
    background: #fff;
    z-index: 9000
    }
.visite_guidee_tabs ol li a {
    color: #aaa;
    text-decoration: none
    }
.visite_guidee_tabs ol li a:hover {
    color: #E50083
    }
.visite_guidee_tabs ol li.visite_guidee_tab_active {
    border-bottom: 1px solid #fff
    }
.visite_guidee_tabs ol li.visite_guidee_tab_active a {
    color: #E50083
    }
.visite_guidee_tab_content {
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    height: auto;
    width: 942px;
    border: 1px solid #DADADA;
    border-radius: 0 0 4px 4px
    }
.visite_guidee_tab_content_wrap {
    display: block;
    margin: 15px
    }
.visite_guidee_sommaire_list li a {
    color: #555;
    text-decoration: none
    }
.visite_guidee_sommaire_list li a:hover {
    color: #E50083
    }
.visite_guidee_etape {
    display: block;
    overflow: hidden;
    position: relative;
    clear: both
    }
.visite_guidee_etape div.visite_guidee_item {
    position: absolute;
    left: 0;
    width: 200px;
    font-family: "Verdana";
    font-size: 14px;
    color: #000
    }
.visite_guidee_etape div.visite_guidee_item span {
    font-family: "Verdana";
    font-size: 12px;
    color: #555
    }
.visite_guidee_etape div.visite_guidee_item .number {
    position: absolute;
    top: -30px;
    left: 0;
    font-family: "Lobster";
    font-size: 46px;
    color: #DDD;
    z-index: -12
    }
.visite_guidee .backtotop {
    clear: both;
    float: right;
    margin: 0 15px 15px 0
    }
.visite_guidee .image_right {
    float: right
    }
.visite_guidee .image_left {
    float: left
    }
.visite_guidee.visite_guide_item_slider {
    position: absolute
    }
.slider_control {
    position: absolute;
    display: block;
    z-index: 9000
    }
.slider_control_1 {
    left: 40px;
    top: 0
    }
.slider_control_1 .slider_description {
    left: -30px;
    top: 33px
    }
.slider_control_1 .slider_description .slider_description_top_arrow {
    left: 17px;
    top: -15px
    }
.slider_control_2 {
    left: 70px;
    top: 0
    }
.slider_control_2 .slider_description {
    left: -60px;
    top: 33px
    }
.slider_control_2 .slider_description .slider_description_top_arrow {
    left: 47px;
    top: -15px
    }
.slider_control_3 {
    left: 100px;
    top: 0
    }
.slider_control_3 .slider_description {
    left: -90px;
    top: 33px
    }
.slider_control_3 .slider_description .slider_description_top_arrow {
    left: 77px;
    top: -15px
    }
.slider_image {
    position: relative;
    display: block;
    height: 1273px;
    width: 708px
    }
.slider_image img {
    position: absolute;
    top: 0;
    left: 0
    }
.slider_control a {
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/sites/all/themes/jap/css/./images/yellow_puce.png) 0 -18px no-repeat;
    padding: 0;
    color: #000;
    font-family: "Lobster";
    font-size: 12px;
    line-height: 18px;
    text-align: center
    }
.slider_control a:hover {
    background-position: 0 0
    }
.slider_control.active a {
    background-position: 0 0
    }
.slider_description {
    position: absolute;
    text-align: left;
    display: none;
    width: 217px;
    border: 1px solid #dadada;
    padding: 10px;
    border-radius: 5px 5px 5px 5px;
    z-index: 9000
    }
.slider_control.active .slider_description {
    display: block
    }
.slider_description b {
    font-family: "Lobster";
    font-size: 18px;
    color: #f7c24c;
    font-weight: 400
    }
.slider_description p {
    margin: 0;
    text-align: left;
    font-family: "Verdana";
    font-size: 14px;
    color: #000
    }
.slider_description .slider_description_top_arrow {
    display: block;
    position: absolute;
    width: 41px;
    height: 16px;
    background: url(/sites/all/themes/jap/css/./images/slider_description_top_arrow.png) no-repeat
    }
.visite_guidee_raison {
    display: block;
    float: left;
    width: 940px
    }
.visite_guidee_raison.text-right {
    text-align: right
    }
.visite_guidee_raison.text-left {
    text-align: left
    }
.visite_guidee_raison .raison {
    font-family: "Lobster";
    font-size: 26px;
    color: #f7c24c;
    margin-top: 35px
    }
.visite_guidee_raison h3 {
    font-family: "Verdana";
    font-size: 14px;
    color: #000
    }
.visite_guidee_raison p {
    display: block;
    float: left;
    font-family: "Verdana";
    font-size: 12px;
    color: #555;
    width: 692px
    }
.hide {
    display: none
    }
.bugIE7 {
    position: relative;
    clear: both
    }
#etiquette-info {
    background: url(/sites/all/themes/jap/img/bg-etiquette-info.png) no-repeat;
    widows: 920px;
    padding: 32px 65px 32px 120px;
    position: relative;
    margin: 10px auto
    }
#etiquette-info p {
    font-family: Verdana;
    font-size: 14px;
    color: #000
    }
#etiquette-info-close {
    background: url(/sites/all/themes/jap/img/bg-etiquette-info-close.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 40px;
    text-indent: -99999px;
    top: 45px;
    width: 16px
    }
#etiquette-info-small {
    background: url(/sites/all/themes/jap/img/layout/bg-etiquette-info-small.png) no-repeat;
    width: 562px;
    padding: 29px 15px 32px 112px;
    position: relative;
    margin: 0 auto
    }
#etiquette-info-small p {
    font-family: Verdana;
    font-size: 14px;
    color: #000;
    text-align: left;
    width: 540px
    }
#search_no_result {
    display: block;
    float: left;
    clear: both;
    position: relative;
    width: 685px;
    min-height: 120px;
    margin: 10px 0 15px;
    font-size: 14px;
    background: #f2f2f2 url(/sites/all/themes/jap/img/layout/recherche-pasderesultats.jpg) top center no-repeat
    }
.search_no_result_en_attendant {
    text-indent: 114px;
    font-size: 14px
    }
#search_no_result_1 {
    display: block;
    position: relative;
    top: 35px;
    left: 75px;
    width: 250px;
    text-align: left;
    font-style: italic;
    color: #555
    }
#search_no_result_1 p {
    text-align: left;
    font-style: italic;
    color: #555
    }
#search_no_result_2 {
    display: block;
    position: relative;
    top: 5px;
    left: 410px;
    width: 250px;
    text-align: left;
    font-style: italic;
    color: #555
    }
#search_no_result_text_1 {
    text-align: left;
    font-style: italic;
    color: #555
    }
#search_no_result_text_2 {
    text-align: left;
    font-style: italic;
    color: #555
    }
.button_creer_profil {
    display: block;
    width: 148px;
    height: 30px;
    margin: 10px 0 15px;
    text-indent: -9000px;
    line-height: 0;
    background: url(/sites/all/themes/jap/img/layout/button-creer-profil.png) left top no-repeat
    }
.button_creer_profil:hover {
    background: url(/sites/all/themes/jap/img/layout/button-creer-profil.png) -147px 0 no-repeat
    }
.button_creer_profil_pink {
    display: block;
    width: 172px;
    height: 36px;
    margin: 10px 0 15px;
    text-indent: -9000px;
    line-height: 0;
    background: url(/sites/all/themes/jap/img/layout/button-creer-profil-pink.png) left top no-repeat
    }
.button_creer_profil_pink:hover {
    background: url(/sites/all/themes/jap/img/layout/button-creer-profil-pink.png) 0 -40px no-repeat
    }
.button_creer_profil_pink_visite_guidee.button_creer_profil_pink {
    margin-top: -60px
    }
.fleche_down {
    display: inline-block;
    width: 18px;
    height: 12px;
    margin: 2px;
    text-indent: -9000px;
    line-height: 12px;
    background: url(/sites/all/themes/jap/img/layout/fleche_down.png) left top no-repeat
    }
.b-publierannonce {
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    width: 180px;
    height: 49px;
    margin: 2px;
    text-indent: -9000px;
    line-height: 1px;
    background: url(/sites/all/themes/jap/img/layout/button-publier-annonce-free.png) left top no-repeat
    }
.b-publierannonce:hover {
    background: url(/sites/all/themes/jap/img/layout/button-publier-annonce-free.png) 0 -50px no-repeat
    }
.b-publierannonce-pro {
    display: block;
    position: absolute;
    top: 17px;
    right: 230px;
    width: 109px;
    height: 70px;
    margin: 2px;
    text-indent: -9000px;
    line-height: 1px;
    background: url(/sites/all/themes/jap/img/layout/button-publier-annonce-pro.png) left top no-repeat
    }
.b-publierannonce-pro:hover {
    background: url(/sites/all/themes/jap/img/layout/button-publier-annonce-pro.png) 0 -70px no-repeat
    }
#profil-sidebar {
    background: #fefaee url(/sites/all/themes/jap/img/layout/header-bkg.gif);
    border: 1px solid #d5d5d5;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px
    }
#profil-sidebar .card {
    margin: -1px 0 0 -1px
    }
div.gerer-candidats-list div.contacter {
    position: absolute;
    bottom: 10px;
    left: 17%
    }
.card {
    position: relative;
    padding: 7px;
    width: 199px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    min-height: 390px
    }
.card:before {
    content: url(/sites/all/themes/jap/img/layout/curve-213px.png);
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 213px;
    height: 4px;
    font-size: 0
    }
.card figcaption {
    margin: 15px 0;
    padding: 0 3px
    }
.card figcaption > strong, .card figcaption > span {
    display: block
    }
.card .card-icons {
    margin: 0 0 0 -1px;
    padding-top: 10px;
    list-style: none;
    height: 40px
    }
.card .card-icons > li {
    display: inline-block
    }
.card #b-viewyourprofile {
    margin: 0 auto;
    width: 197px
    }
#profil-menu {
    margin: 15px 0
    }
#profil-menu ul {
    margin: 0;
    width: 214px;
    list-style: none
    }
#profil-menu a:link, #profil-menu a:visited {
    display: block;
    padding: 7px 20px 7px 25px;
    line-height: normal;
    font-size: 13px;
    font-size: 1.3rem;
    text-decoration: none;
    background: transparent url(/sites/all/themes/jap/img/layout/dot-hotpink.png) no-repeat 8px 11px
    }
#profil-menu a:hover, #profil-menu a:focus {
    background-position: 8px 10px
    }
#profil-menu a:active, #profil-menu a.active {
    padding-top: 6px;
    padding-bottom: 6px;
    background-position: 8px 10px;
    background-color: #fff;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
    }
.aside-stickers a {
    display: block;
    margin: 20px 0 20px
    }
#user-edit-infos_persos section h2 {
    margin-left: -150px
    }
#profil-tips {
    margin: 30px 0 0
    }
.page-recruteur.page-recruteur-presentation-astuces h2 {
    float: none;
    padding: 0
    }
#profil-tips > h2 {
    float: none;
    margin-bottom: 15px;
    padding: 0
    }
#profil-tips > p {
    padding: 17px 0 17px 50px;
    line-height: 16px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
    }
#profil-tips > p.astuce-alert {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-exclamation.png) no-repeat 18px 50%
    }
#profil-tips > p.astuce-checked {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-check.jpg) no-repeat 8px 50%
    }
#profil-tips > p + p {
    border-top: 0
    }
.page-user-edit label {
    font-size: 1.2em;
    font-style: italic
    }
.page-user-edit #user-edit-infos_persos .field-name-field-user-image .description, .page-recruteur-coordonnees .field-name-field-user-image .description, .page-recruteur-entreprise .field-name-field-entreprise-logo .description {
    display: none
    }
.page-user-edit #user-edit-infos_persos .image-preview {
    float: left
    }
.page-user-edit #user-edit-infos_persos .image-widget-data {
    float: left;
    width: 340px
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image {
    margin-top: 30px;
    overflow: auto
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .form-item {
    margin: 0
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-title, .page-recruteur-coordonnees #edit-field-user-image .image-widget-title, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-title {
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 0.4em
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-help, .page-recruteur-coordonnees #edit-field-user-image .image-widget-help, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-help {
    margin-bottom: 10px
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-filename {
    font-size: 0.8em;
    font-style: italic;
    color: darkgray
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-submit-label, .page-recruteur-coordonnees #edit-field-user-image .image-widget-submit-label, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-submit-label {
    width: 152px;
    height: 27px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat -42px 0
    }
.submit-replacement-label {
    overflow: hidden;
    position: relative
    }
.submit-replacement-button {
    z-index: 999;
    line-height: 0;
    font-size: 30px;
    position: absolute;
    top: -2px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding: 0
    }
.image-widget-submit-label .submit-replacement-button {
    cursor: pointer
    }
.submit-replacement-button input {
    font-size: 50px;
    cursor: pointer;
    _cursor: hand
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .imagecrop-button {
    width: 197px;
    height: 27px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat -392px 0;
    text-indent: -9999px;
    color: transparent
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-remove-label, .page-recruteur-coordonnees #edit-field-user-image .image-widget-remove-label, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-remove-label {
    width: 102px;
    height: 27px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat -519px -53px
    }
.page-recruteur-coordonnees #edit-field-user-image .image-widget-remove-label, .page-recruteur-coordonnees #edit-field-user-image .image-widget-submit-label, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-remove-label, .page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-submit-label {
    display: block
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .image-widget-submit input {
    width: 200px
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image #edit-field-user-image-und-0-upload-button, .page-recruteur-coordonnees #edit-field-user-image #edit-field-user-image-und-0-upload-button, .page-recruteur-entreprise #edit-field-entreprise-logo #edit-field-entreprise-logo-und-0-upload-button {
    display: none
    }
.page-user-edit #user-edit-infos_persos #edit-field-user-image .manualcrop-style-button-holder, .page-recruteur-coordonnees #edit-field-user-image .manualcrop-style-button-holder, .page-recruteur-entreprise #edit-field-entreprise-logo .manualcrop-style-button-holder {
    display: none
    }
.page-recruteur-entreprise #edit-field-entreprise-logo .image-widget-data {
    margin-top: 5px;
    float: left;
    clear: both
    }
#edit-field-entreprise-logo-und-0-remove-button {
    margin: 5px;
    clear: both;
    float: left;
    padding: 5px 15px
    }
.page-recruteur-coordonnees #edit-account .form-type-password-confirm, .page-recruteur-coordonnees #edit-account .form-type-password, .page-user-edit #edit-account .form-type-password-confirm, .page-user-edit #edit-account .form-type-password {
    display: none
    }
.page-user-edit aside {
    margin-top: -43px
    }
.page-user-edit #edit-field-candidat-job, .page-user-edit #edit-account .form-item-mail {
    float: left
    }
.page-user-edit #edit-locale {
    clear: both
    }
.page-user-edit #edit-field-user-address {
    float: left
    }
.page-user-edit #edit-account {
    float: left
    }
.page-user-edit #edit-jap-fb-import-button, #edit-field-candidat-promotion-text, .page-user-edit .form-required, .page-recruteur-coordonnees .form-required, .page-recruteur-entreprise .form-required, .page-recruteur-coordonnees label[for=edit-field-civilite-und], .page-recruteur-coordonnees label[for=edit-field-mobile-type-und] {
    display: none
    }
.page-user-edit .mandatory_field-mark, .page-recruteur-coordonnees .mandatory_field-mark, .page-recruteur-entreprise .mandatory_field-mark {
    float: left;
    height: 20px
    }
.page-user-edit .bu-info {
    float: left
    }
.page-user-edit #user-edit-status-availability .bu-info {
    margin: 0 0 0 5px
    }
.page-user-edit #user-edit-infos_persos, .page-user-edit #user-edit-status {
    margin: 0 0 0 150px
    }
.page-user-edit section h2 {
    margin-bottom: 15px
    }
.page-user-edit section #info_perso-permis > h2, .page-user-edit section #info_perso-lang > h2 {
    margin-bottom: 0
    }
.page-user-edit label {
    display: block
    }
.page-user-edit input[type="text"] {
    width: 430px
    }
.form-item-field-civilite-und > label {
    display: none
    }
#edit-field-civilite {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0
    }
#edit-field-civilite a.dk_toggle {
    width: 44px !important
    }
#edit-simplenews {
    display: none
    }
.not-logged-in.page-user #user-register-form .form-item.form-type-select > div#dk_container_edit-field-mobile-type-und {
    width: 165px
    }
.form-type-radios.form-item-user-role #edit-user-role {
    display: block;
    float: left;
    color: #555;
    font-size: 1.4rem
    }
.form-type-radios.form-item-user-role {
    display: block;
    float: left;
    width: 600px
    }
.form-type-radios.form-item-user-role > label {
    display: block;
    float: left;
    width: 100px;
    color: #555;
    font-size: 1.4rem
    }
.form-type-radios.form-item-user-role .form-type-radio.form-item-user-role {
    display: block;
    float: left;
    width: 140px
    }
.page-user-edit #edit-field-prenom, .page-user-edit #edit-field-nom {
    float: left;
    margin: 0 0 0 10px
    }
.modal_new_password_form .form-required {
    display: none
    }
.modal_new_password_form .form-item-name input.form-text {
    float: left;
    clear: both;
    width: 370px
    }
.modal_new_password_form label {
    display: none
    }
.modal_new_password_form .form-actions {
    margin: 0
    }
#edit-field-prenom label, #edit-field-nom label {
    display: none
    }
#edit-field-prenom input, #edit-field-nom input {
    width: 145px
    }
#edit-field-user-town {
    float: left
    }
#edit-field-user-zip-code {
    clear: both;
    float: left
    }
#edit-field-user-phone {
    clear: both;
    float: left
    }
#edit-field-user-town {
    margin: 0 0 0 0
    }
#edit-field-user-phone {
    margin: 5px 10px 0 0
    }
#edit-field-user-zip-code input {
    width: 140px;
    float: left
    }
#edit-field-user-town input {
    width: 260px;
    float: left;
    margin: 0 0 0 10px
    }
#edit-field-user-phone input {
    width: 180px
    }
#edit-field-recruteur-phone input {
    width: 430px;
    float: left
    }
#edit-field-mobile-type {
    margin: 5px 0;
    width: 240px;
    float: left
    }
#edit-field-mobile-type a.dk_toggle {
    width: 184px !important
    }
#edit-field-user-birthday {
    clear: both;
    display: block;
    float: left
    }
.page-user-edit #edit-candidat-infos-dispo {
    margin: 30px 0 10px 0
    }
.page-user-edit #edit-candidat-infos-dispo > .form-item {
    margin: 10px 0 10px 0;
    clear: both;
    float: left
    }
.page-user-edit #user-edit-status span.form-radio {
    margin-right: 5px
    }
.page-user-edit #user-edit-status .form-item-candidat-infos-recherche {
    margin: 10px 0 0;
    float: left
    }
#edit-candidat-infos-recherche {
    clear: both
    }
#edit-candidat-infos-recherche .form-item-candidat-infos-recherche {
    float: left;
    width: 140px
    }
.page-user-edit #user-edit-status .form-item-candidat-infos-recherche label {
    margin: 0 40px 0 0;
    float: left;
    width: 140px
    }
.page-user-edit #user-edit-status .form-item-dans-qty, .page-user-edit #user-edit-status .form-item-dans-unity, .page-user-edit #user-edit-status .form-item-apartirde-date {
    float: left
    }
.page-user-edit #user-edit-status .form-item-candidat-infos-dispo {
    clear: both;
    margin: 10px 0;
    float: left
    }
.page-user-edit #user-edit-status .form-item-candidat-infos-dispo label {
    margin: 0 10px 0 0
    }
.page-user-edit #user-edit-status #dk_container_edit-dans-unity {
    margin: 0 0 0 10px
    }
.page-user-edit #user-edit-status #edit-apartirde-date {
    width: 130px
    }
.page-user-edit #edit-submit {
    float: right;
    width: 151px;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat 0 -74px;
    border: 0;
    height: 37px;
    text-indent: -9999px;
    color: transparent;
    overflow: hidden
    }
.page-candidat-profil div[role="main"] > header {
    display: none
    }
#profil_visu section, #profil_visu article {
    margin: 0;
    width: 100%
    }
#profil_visu section#profil_visu-content {
    width: 894px
    }
#profil_visu .card figcaption > strong {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    color: #000
    }
#profil_visu .card #card-contact {
    position: relative;
    left: -7px;
    padding: 5px 0 2px;
    width: 214px;
    text-align: center;
    border-top: 1px solid #d5d5d5
    }
#profil_visu .card #card-contact > .bu {
    top: 21px;
    left: 40px;
    text-align: left
    }
#profil_visu .card #card-contact .card-contact-icon {
    padding-left: 40px
    }
#profil_visu .card #card-contact .card-contact-phone {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-phone.png) no-repeat 12px 5px
    }
#profil_visu .card #card-contact .card-contact-mail {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-mail.png) no-repeat 10px 12px
    }
#profil_visu .card #card-contact .card-contact-address {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-address.png) no-repeat 14px 8px
    }
#profil_visu .card #card-contact .card-contact-permis {
    background: transparent url(/sites/all/themes/jap/img/layout/icon-validate2.png) no-repeat 12px 9px
    }
#profil_visu .card #card-contact .card-contact-lang {
    padding: 10px 0;
    width: 100%
    }
#profil_visu .card #card-contact .card-contact-lang > span {
    display: block
    }
#profil_visu .card #card-contact .card-contact-lang > span + span {
    padding: 4px 0 0
    }
[class^="card-contact-flag-"] {
    margin: 0 0 0 10px;
    width: 16px;
    height: 13px;
    background: transparent url(/sites/all/themes/jap/img/layout/sprite-flag.gif) no-repeat
    }
.card-contact-flag-fr {
    background-position: 0 2px
    }
.card-contact-flag-es {
    background-position: -36px 2px
    }
.card-contact-flag-it {
    background-position: -72px 2px
    }
.card-contact-flag-us {
    background-position: -108px 2px
    }
.card-contact-flag-fi {
    background-position: -144px 2px
    }
.card-contact-flag-afr {
    background-position: -180px 2px
    }
.card-contact-flag-au {
    background-position: -216px 2px
    }
.card-contact-flag-jp {
    background-position: -252px 2px
    }
.card-contact-flag-egy {
    background-position: -288px 2px
    }
.card-contact-flag-tur {
    background-position: -324px 2px
    }
.card-contact-flag-ca {
    background-position: -360px 2px
    }
.card-contact-flag-ru {
    background-position: -396px 2px
    }
.card-contact-flag-be {
    background-position: -432px 2px
    }
.card-contact-flag-da {
    background-position: -468px 2px
    }
.card-contact-flag-aa {
    background-position: -504px 2px
    }
.card-contact-flag-bb {
    background-position: -540px 2px
    }
.card-contact-flag-ukr {
    background-position: -576px 2px
    }
.card-contact-flag-ta {
    background-position: -612px 2px
    }
.card-contact-flag-ee {
    background-position: -648px 2px
    }
#profil_visu #profil_visu-header {
    margin: 0 0 30px
    }
#profil_visu #profil_visu-header > div {
    float: left;
    width: 705px
    }
#profil_visu #profil_visu-iam, #profil_visu #profil_visu-ilike {
    margin: 0 0 10px;
    background-color: #f2f2f2
    }
#profil_visu #profil_visu-header [class^="profil_visu-item"] {
    display: inline-block;
    padding: 6px 0 15px;
    width: 137px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
    }
#profil_visu #profil_visu-header .profil_visu-item-1 {
    padding-left: 20px;
    color: #000
    }
#profil_visu #profil_visu-header .profil_visu-item-2 {
    color: #000
    }
#profil_visu #profil_visu-header .profil_visu-item-3 {
    color: #000
    }
#profil_visu #profil_visu-header .profil_visu-item-4 {
    color: #000
    }
#profil_visu #profil_visu-header .profil_visu-item-5 {
    color: #000
    }
#profil_visu #profil_visu-available img {
    vertical-align: middle
    }
#profil_visu #profil_visu-content > article > div {
    margin: 0 0 0 213px;
    width: 685px
    }
#profil_visu #profil_visu-content h1 span {
    font-size: 1.4rem;
    color: #777;
    font-style: italic
    }
#profil_visu #profil_visu-available .bu-control .bu-content {
    width: 595px;
    left: -240px
    }
#profil_visu #profil_visu-available .bu-control .bu-content .wrap-timetab {
    margin-top: 0
    }
#profil_visu #profil_visu-skills .metier {
    margin: 0 20px 20px 0;
    display: inline-block;
    width: 320px;
    vertical-align: top
    }
#profil_visu #profil_visu-skills .metier .title {
    color: #E50083;
    font-style: italic;
    font-size: 1.4rem
    }
#profil_visu #profil_visu-skills .metier .competences {
    color: #aaa;
    list-style: disc outside none
    }
#profil_visu #profil_visu-training .les-formations {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 320px
    }
#profil_visu #profil_visu-training .les-formations .etablissement-formation {
    font-size: 1.4rem;
    font-style: italic
    }
#profil_visu #profil_visu-training .les-formations .date-formation {
    font-size: 1.3rem;
    font-style: italic;
    text-align: left
    }
.bloc-recommandation {
    margin-top: 15px
    }
#profil_visu #profil_visu-training .les-formations .diplome-formation {
    color: #aaa
    }
#profil_visu #profil_visu-training .les-formations .diplome-commentaire {
    color: #aaa;
    text-align: left;
    font-size: 11px
    }
#profil_visu #profil_visu-training .niveau_etude {
    font-size: 1.4rem;
    margin-bottom: 20px
    }
#profil_visu #profil_visu-training .niveau_etude span {
    font-style: italic
    }
.page-change-password label, .page-change-password span.form-required {
    display: none
    }
.page-change-password section.password_page {
    margin: 0 auto;
    width: 450px
    }
.page-change-password input[type="text"], .page-change-password input[type="password"] {
    width: 430px
    }
.page-change-password #s-changeyourpassword {
    float: right
    }
[role=main].with-left-aside > header {
    float: right;
    width: 685px;
    margin-bottom: 10px;
    line-height: 18px
    }
.explanation_page {
    margin-bottom: 10px
    }
.page-personnalite-valeurs .explanation_page {
    padding-bottom: 10px
    }
.page-personnalite-valeurs #dk_container_personnalite, .page-personnalite-valeurs #dk_container_valeurs {
    display: none !important
    }
#jap-profil-candidat-personnalite-form .form-submit {
    float: right
    }
#jap-profil-candidat-personnalite-form .enregistrement_ok {
    float: right;
    font-style: italic;
    margin: 10px
    }
#jap-profil-candidat-titre-profil-form {
    padding-top: 20px;
    padding-bottom: 15px
    }
#jap-profil-candidat-titre-profil-form .form-item-title-profil-user-value, #jap-profil-candidat-titre-profil-form .nb_caractere {
    float: left
    }
#jap-profil-candidat-titre-profil-form .form-submit {
    float: right
    }
#jap-profil-candidat-titre-profil-form .nb_caractere {
    padding: 9px;
    font-style: italic;
    color: #a9a9a9
    }
.page-titre-profil .titre_profil_page .description_titre_profil_page .descriptive {
    padding-bottom: 4px
    }
.page-titre-profil .exemple_titre_profil_page {
    padding-top: 30px;
    border-top: 1px #dadada solid
    }
.page-titre-profil .exemple_titre_profil_page h3, .page-titre-profil .exemple_titre_profil_page em {
    display: block;
    float: left;
    width: 100%
    }
.page-titre-profil .exemple_titre_profil_page h3 {
    padding-bottom: 5px;
    color: #555
    }
.page-titre-profil .exemple_titre_profil_page em {
    color: #a9a9a9
    }
.experience.page > p {
    margin: 0 0 15px
    }
.experience.page h2 {
    margin: 0 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #e50083
    }
.experience.page p.error {
    margin-left: 88px;
    width: 466px
    }
.page-job-experience .experience.page .facebook {
    display: none
    }
.page-job-experience-init .illustration_exp {
    margin: -10px 0 30px
    }
.page-job-experience-init .experience.page .form-button {
    float: right
    }
.experience.page .partie_exp > a:first-child {
    color: #e50083;
    text-decoration: underline;
    cursor: pointer
    }
.experience.page .exp_detail {
    margin-top: 15px;
    padding: 10px 20px;
    width: 638px
    }
.experience.page .exp_form_supp, .experience.page .exp_form_modif {
    margin: -5px 0 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px
    }
.experience.page .exp_form_supp > p, .experience.page .exp_form_supp > a {
    display: inline-block;
    vertical-align: middle
    }
.experience.page .exp_form_supp > a {
    margin: 0 0 0 10px
    }
#experience-page #experience-node-form {
    margin-left: 100px
    }
.node-experience-form {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both
    }
.node-experience-form textarea, .node-experience-form .form-item-field-industry-und .dk_theme_default {
    width: 450px
    }
.node-experience-form .form-type-date-select .dk_container {
    width: 80px;
    padding: 0
    }
.node-experience-form .form-type-date-select .dk_container a {
    padding-right: 0
    }
.node-experience-form .form-type-date-select .dk_container a.dk_toggle {
    width: 72px !important
    }
.node-experience-form .form-item-entreprise-secteur .dk_container a.dk_toggle {
    width: 432px !important
    }
.node-experience-form .field-name-field-date-exp legend, #experience-node-form .field-name-field-date-exp label {
    float: left;
    padding-top: 20px
    }
.node-experience-form .icon-info {
    margin: 0 0 0 15px
    }
.node-experience-form .field-name-field-date-exp div.fieldset-wrapper {
    float: left
    }
.node-experience-form .field-name-field-date-exp div.fieldset-wrapper div.date-no-float {
    float: left;
    clear: none
    }
.node-experience-form .field-name-field-date-exp div.fieldset-wrapper div.start-date-wrapper {
    width: 190px
    }
.node-experience-form .field-name-field-date-exp div.fieldset-wrapper div.end-date-wrapper {
    width: 200px
    }
.node-experience-form .field-name-field-date-exp legend, .node-experience-form .form-item-field-quelposte2-und input {
    clear: both;
    padding-top: 15px
    }
.node-experience-form .button, .node-experience-form input[type=submit], .page-create-formation .button, .page-create-formation input[type=submit] {
    float: right;
    margin-top: 15px
    }
.node-experience-form .button, .node-experience-form input[type=submit] {
    margin-right: 35px
    }
.experience.page #timeline_wrapper {
    width: 667px;
    height: 270px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 5px
    }
.experience.page #timeline_wrapper .viewport {
    width: 667px
    }
.experience.page .partie_exp {
    margin-bottom: 15px;
    padding: 20px
    }
.experience.page .exp_detail > div:first-child {
    padding: 10px 0 0
    }
.experience.page .exp_actions > div + div {
    margin-top: 8px
    }
.page-candidat-photos-documents #jap-profil-candidat-add-photos-form {
    margin-top: 15px
    }
.page-candidat-photos-documents #wrapper-ajax-document > h2 {
    margin-bottom: 15px
    }
.page-candidat-photos-documents #container-ajouter-document .form-item-files-document {
    float: left
    }
.page-candidat-photos-documents #container-ajouter-document .form-item-files-document input[type="file"] {
    height: 37px !important
    }
.page-candidat-photos-documents #container-ajouter-document .form-submit {
    float: right
    }
.container-document .message-supprimer-document {
    margin: -5px 0 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px
    }
.container-document .message-supprimer-document > p, .container-document .message-supprimer-document > a {
    display: inline-block;
    vertical-align: middle
    }
.container-document .message-supprimer-document > a {
    margin: 0 0 0 10px
    }
#valider-crop {
    position: absolute;
    bottom: 8px
    }
.page-create-formation section h2 {
    margin: 0 0 10px
    }
.page-create-formation .exp_detail {
    margin-top: 15px
    }
.page-create-formation .conf_supp, .page-create-formation .form_modif {
    margin: -5px 0 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px
    }
.page-create-formation .conf_supp > p, .page-create-formation .conf_supp > a, .view-annonce-recruteur .annonce_action p, .view-annonce-recruteur .annonce_action a {
    display: inline-block;
    vertical-align: middle
    }
.page-create-formation .conf_supp > a, .view-annonce-recruteur .annonce_action a {
    margin: 0 0 0 10px
    }
.page-create-formation .exp_actions > div + div {
    margin-top: 8px
    }
.page-create-formation section .form-submit {
    clear: both;
    margin-left: 440px
    }
.page-create-formation section .form_modif .form-submit {
    margin-top: -25px;
    margin-left: 435px
    }
.page-create-formation section .form_modif .annuler-modification-formation {
    clear: both;
    margin-left: 290px
    }
.page-create-formation section #wrapper-form-formation {
    margin-top: 20px
    }
.page-create-formation section .form-item, .page-create-formation section .form-item {
    float: left;
    margin-bottom: 15px;
    margin-left: 88px;
    width: 466px
    }
.page-create-formation section .form-item-select-etude {
    margin: 0
    }
.page-create-formation .partie_exp a.ajouter-formation {
    color: #e50083;
    text-decoration: underline;
    cursor: pointer
    }
.page-create-formation .annuler-modification-formation, .page-create-formation .s-change {
    float: right
    }
.page-create-formation .container-inline-date, article.experience .container-inline-date {
    clear: none;
    float: left;
    margin-bottom: 20px
    }
.page-create-formation .container-inline-date .date-padding, article.experience .container-inline-date .date-padding {
    padding: 0 0 0 10px
    }
.page-create-formation .form-item-nom-diplome {
    clear: both;
    width: 365px
    }
.page-create-formation .date-padding label, .page-create-formation .date-padding .description, article.experience .date-padding label, article.experience .date-padding .description {
    display: none
    }
.page-create-formation .form-item-nom-diplome label, .page-create-formation .form-item-nom-etablissement label {
    float: right;
    margin-left: 5px
    }
#dk_container_edit-formation-periode-dbt-year, #dk_container_edit-formation-periode-dbt-month, #dk_container_edit-formation-periode-fin-year, #dk_container_edit-formation-periode-fin-month {
    width: 80px
    }
#wrapper-form-formation, #default_page_form_exp {
    margin: 20px 20px 0 130px
    }
.container-inline-date label {
    float: left;
    font-style: italic;
    font-size: 1.3rem;
    padding-top: 6px
    }
.page-create-formation .form-item-nom-etablissement {
    float: left
    }
.page-create-formation .form_modif form {
    margin: 0 20px 0 130px
    }
article.experience .exp_form_modif form {
    margin: 0 20px 0 130px
    }
article.experience .form-item-entreprise-poste {
    clear: both;
    margin-left: 90px;
    position: relative;
    top: -15px;
    margin-bottom: 0
    }
#dk_container_edit-entreprise-secteur, article.experience .form-item-entreprise-secteur .dk_container {
    float: none
    }
article.experience .form-item-inclus-recherche {
    float: left;
    margin-left: 10px;
    top: -8px
    }
article.experience .form-item-entreprise-mission {
    clear: both
    }
.page-create-formation section .form-item-nom-diplome {
    width: 360px
    }
.page-create-formation section .form-item-diplome {
    margin: 10px 0 0 10px;
    width: 150px
    }
.page-create-formation section .form-required {
    display: none
    }
.page-create-formation section .form-item-formation-periode-dbt label, .page-create-formation section .form-item-formation-periode-fin label {
    float: left;
    padding-top: 10px;
    padding-right: 10px
    }
.page-create-formation section input[type="text"], .page-create-formation section input[type="password"], .page-create-formation section .form-textarea-wrapper, .page-create-formation section textarea {
    float: left
    }
.page-create-formation section input[type="text"], .page-create-formation section input[type="password"] {
    width: 446px
    }
.page-create-formation section .form-item-formation-periode-dbt input[type="text"], .page-create-formation section .form-item-formation-periode-fin input[type="text"] {
    width: 110px
    }
.page-create-formation section .form-item-nom-diplome input[type="text"] {
    width: 340px
    }
.page-create-formation section textarea {
    width: 466px
    }
.recruteur_page {
    float: left;
    margin: 0 0 0 20px;
    width: 685px
    }
.recruteur_page.photo_document_page {
    width: 684px
    }
.page-recruteur .wrapper-field, .page-recruteur .hr-default, .page-recruteur h2, .page-recruteur .form-item, .page-recruteur .mandatory_field-mark, .page-recruteur .bu-info, #recommandation .wrapper-field, #recommandation .hr-default, #recommandation h2, #recommandation .form-item, #recommandation .mandatory_field-mark, #recommandation .icon-info, #recommandation .bu-info, #container-ajouter-document-form .form-item {
    float: left
    }
.page-recruteur-photos-documents .wrapper-field, .page-recruteur-photos-documents .hr-default, .page-recruteur-photos-documents h2, .page-recruteur-photos-documents .form-item, .page-recruteur-photos-documents .mandatory_field-mark {
    float: none
    }
.page-recruteur .form-submit, #recommandation .form-submit {
    float: right
    }
.page-recruteur-coordonnees #edit-submit, .page-recruteur-entreprise #edit-submit {
    margin-left: 530px;
    float: left
    }
#container-ajouter-document-form .form-submit {
    margin-left: 0;
    float: right
    }
#container-ajouter-document-form #edit-document {
    height: 36px
    }
.page-recruteur #wrapper-form, .page-recruteur .wrapper-field, .page-recruteur .form-item, .page-recruteur .trigger-photo {
    position: relative
    }
.page-recruteur h2, #recommandation h2 {
    padding-bottom: 15px
    }
.page-recruteur .trigger-photo-wrap-img img {
    border: 1px #dadada solid
    }
.page-recruteur .wrapper-field {
    padding: 0 45px 0 150px;
    width: 490px
    }
.page-recruteur #edit-account label {
    display: block
    }
.page-recruteur #edit-field-prenom .form-item, .page-recruteur #edit-field-nom .form-item {
    padding-left: 10px
    }
.page-recruteur .form-textarea-wrapper {
    padding-top: 8px
    }
#recommandation .form-item-experience {
    margin: 0 0 45px 130px
    }
#recommandation .form-item-experience #dk_container_edit-experience {
    height: 32px
    }
#recommandation .form-item-experience .dk_toggle {
    width: 439px !important
    }
#recommandation .form-item-objet-du-message label {
    float: left;
    padding-right: 10px;
    width: 55px;
    height: 35px;
    line-height: 35px;
    font-style: italic
    }
#recommandation .form-item-email-de-l-invite input[type="text"] {
    width: 475px
    }
#recommandation .form-item-objet-du-message input[type="text"] {
    width: 410px
    }
.page-recruteur .field-name-field-candidat-job input[type="text"], .page-recruteur .form-item-mail input[type="text"], .page-recruteur .field-name-field-ield-recruteur-heure-join input[type="text"], .page-recruteur #edit-field-recruteur-raison-sociale input[type="text"], .page-recruteur #edit-field-recruteur-siret input[type="text"], .page-recruteur #edit-field-user-address input[type="text"], .page-recruteur #edit-field-recruteur-site input[type="text"], .page-recruteur .form-item-current-password input[type="text"], .page-recruteur .form-item-new-password input[type="text"], .page-recruteur .form-item-new-password-copy input[type="text"], .page-recruteur .form-item-current-password input[type="password"], .page-recruteur .form-item-new-password input[type="password"], .page-recruteur .form-item-new-password-copy input[type="password"] {
    width: 430px;
    float: left
    }
.page-recruteur .form-item-ville input[type="text"] {
    width: 260px;
    float: left
    }
.page-recruteur .form-item-prenom input[type="text"], .page-recruteur .form-item-nom input[type="text"], .page-recruteur .form-item-codepostal input[type="text"] {
    width: 140px;
    float: left
    }
.page-recruteur .form-textarea-wrapper textarea {
    height: 160px;
    float: left
    }
.page-recruteur .form-textarea-wrapper textarea {
    width: 450px
    }
#recommandation .form-textarea-wrapper textarea {
    width: 495px
    }
.page-recruteur .dk_toggle {
    float: left;
    height: 15px
    }
.page-recruteur-coordonnees #edit-submit, .page-recruteur-coordonnees #edit-submit--2, .page-recruteur-entreprise #edit-submit, .page-recruteur-entreprise #edit-submit--2, .page-recruteur-preference #edit-submit, .page-recruteur-preference #edit-submit--2 {
    background-position: 0 -74px;
    width: 151px
    }
.page-recruteur-coordonnees #edit-submit:hover, .page-recruteur-coordonnees #edit-submit--2:focus, .page-recruteur-entreprise #edit-submit:hover, .page-recruteur-entreprise #edit-submit--2:focus, .page-recruteur-preference #edit-submit:hover, .page-recruteur-preference #edit-submit--2:focus {
    background-position: 0 -111px
    }
#recommandation .form-submit {
    background-position: -540px 0;
    width: 122px
    }
#recommandation .form-submit:hover, #recommandation .form-submit:focus {
    background-position: -540px -37px
    }
.page-recruteur .mandatory_field-mark, .page-candidat .mandatory_field-mark, .page-recruteur .icon-info, .page-candidat .icon-info {
    display: inline-block
    }
.page-recruteur .mandatory_field-mark, .page-candidat .mandatory_field-mark {
    padding: 12px 0 0 10px;
    width: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    float: left
    }
.page-recruteur .mandatory_field-info {
    position: absolute;
    right: 0;
    bottom: -18px
    }
.page-recruteur .label-info, .page-recruteur-preference .description {
    display: block;
    width: 450px
    }
#recommandation .form-required, .page-recruteur-preference .form-required {
    display: none
    }
#recommandation .messages {
    float: left;
    margin-bottom: 20px;
    width: 583px
    }
.page-recruteur-coordonnees .trigger-photo {
    margin-bottom: 15px
    }
.page-recruteur .trigger-photo + p, .page-recruteur-coordonnees .form-type-file {
    position: absolute;
    left: 262px;
    width: 338px;
    height: 30px
    }
.page-recruteur .trigger-photo + p {
    top: 20px
    }
.page-recruteur-coordonnees .form-type-file {
    top: 56px
    }
.page-recruteur-entreprise .trigger-photo {
    margin-bottom: 15px;
    float: left;
    width: 100%
    }
.page-recruteur-entreprise .trigger-photo p, .page-recruteur-entreprise .form-type-file {
    position: absolute;
    left: 110px
    }
.page-recruteur-entreprise .trigger-photo p {
    left: 163px;
    top: 20px
    }
.page-recruteur-entreprise .form-type-file {
    left: 313px;
    bottom: 25px
    }
.page-recruteur-entreprise label .highlight {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
#recommandation .tabs > div {
    float: left;
    width: 643px
    }
#recommandation .wrapper-field {
    padding: 0 0 0 130px;
    width: 515px
    }
#recommandation .form-textarea-wrapper {
    padding-top: 0
    }
#recommandation .picto-services, #recommandation .picto-services-info, #recommandation .picto-services-list {
    float: left;
    width: 100%
    }
#recommandation .picto-services-info {
    padding-bottom: 10px
    }
#recommandation .picto-services-list {
    margin: 0
    }
#recommandation .picto-services-item {
    display: block;
    float: left;
    padding-left: 22px
    }
#recommandation .picto-services-item:first-child {
    padding-left: 0
    }
#recommandation .picto-services-link {
    display: block;
    width: 85px;
    height: 50px;
    background: url(/sites/all/themes/jap/img/layout/sprite-services.png) no-repeat
    }
#recommandation #picto-gmail {
    background-position: 0 0
    }
#recommandation #picto-facebook {
    background-position: -108px 0
    }
#recommandation #picto-yahoo {
    background-position: -215px 0
    }
#recommandation #picto-linkedin {
    background-position: -323px 0
    }
#recommandation #picto-viadeo {
    background-position: -430px 0
    }
#recommandation .quote {
    position: relative;
    float: left;
    width: 634px
    }
#recommandation .quote + .quote {
    margin-top: 22px
    }
.views-field-field-message-prenom .field-content, .views-field-field-message-nom .field-content, .views-field-field-message-nom .views-field-field-message-vous-etes, .views-field-field-message-reponse .field-content {
    float: left
    }
#recommandation .views-field-delete-node, #recommandation .views-field-field-message-type {
    position: absolute
    }
#recommandation .views-field-delete-node {
    right: 0;
    top: 6px;
    z-index: 999
    }
#recommandation .views-field-delete-node a:link, #recommandation .views-field-delete-node a:visited {
    display: inline-block;
    padding-left: 22px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    text-transform: lowercase;
    background: url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 0;
    color: #a9a9a9
    }
#recommandation .views-field-delete-node a:hover, #recommandation .views-field-delete-node a:focus, #recommandation .views-field-delete-node a:active {
    background-position: 0 -28px
    }
#recommandation .view-id-recommandation_liste_ blockquote {
    margin: 0 0 15px
    }
#recommandation .views-field-field-message-type {
    right: 125px;
    top: 5px
    }
#recommandation .views-field-field-message-type a:link, #recommandation .views-field-field-message-type a:visited {
    display: inline-block;
    width: 72px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    color: #fff
    }
.views-field-field-message-prenom .field-content, .views-field-field-message-nom .field-content {
    color: #e50083
    }
.views-field-field-message-prenom .field-content {
    padding-right: 2px
    }
.views-field-field-message-vous-etes .field-content {
    color: #000
    }
.views-field-field-message-reponse .field-content {
    padding-top: 5px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
#recommandation .ajax-process {
    float: right;
    padding-right: 20px;
    width: 100px;
    height: 37px;
    background: #f00
    }
#recommandation .ajax-progress {
    float: left;
    margin: 0
    }
.page-recruteur-preference .wrapper-field {
    padding-bottom: 15px
    }
.page-recruteur-preference .description {
    padding-top: 5px;
    color: #afafaf
    }
.recommandation-candidat-reponse .recommandation-candidat-reponse-header {
    margin: 0 0 30px
    }
.recommandation-candidat-reponse .recommandation-candidat-reponse-header-photo {
    float: left;
    padding: 9px;
    width: 60px;
    height: 60px;
    border: 1px solid #d5d5d5
    }
.recommandation-candidat-reponse .recommandation-candidat-reponse-header-text {
    float: left;
    margin: 0 0 0 10px;
    padding: 10px 0;
    width: 585px;
    height: 50px
    }
.recommandation-candidat-reponse .form-item {
    float: left
    }
.recommandation-candidat-reponse .form-item-civilite {
    margin-left: 150px
    }
.recommandation-candidat-reponse .form-item-prenom, .recommandation-candidat-reponse .form-item-nom {
    margin: 0 0 0 10px;
    width: 161px
    }
.recommandation-candidat-reponse .form-item-prenom input[type="text"], .recommandation-candidat-reponse .form-item-nom input[type="text"] {
    width: 141px
    }
.recommandation-candidat-reponse .form-item-vous-etes {
    clear: both;
    margin-left: 150px;
    width: 450px
    }
.recommandation-candidat-reponse .form-item-vous-etes .dk_toggle {
    width: 396px !important
    }
.recommandation-candidat-reponse .form-item-votre-recommandation {
    margin-left: 150px;
    width: 450px
    }
.recommandation-candidat-reponse .form-item-votre-recommandation textarea {
    width: 450px
    }
.recommandation-candidat-reponse .hr-default {
    clear: both
    }
.recommandation-candidat-reponse input[type="submit"] {
    float: right;
    background-position: -540px 0;
    width: 122px
    }
.recommandation-candidat-reponse input[type="submit"]:hover, .recommandation-candidat-reponse input[type="submit"]:focus {
    background-position: -540px -37px
    }
#edit-title-profil-user-value-counter.counter {
    float: right;
    margin: 10px 0 0 5px
    }
#edit-title-profil-user-value-counter.counter.messages.warning {
    margin: 10px 0 0 5px;
    background: none;
    border: 0;
    color: #E50083;
    padding: 0
    }
#replace_text_progress {
    font-style: italic;
    padding-top: 12px;
    position: relative;
    text-align: right;
    color: #aaa;
    display: inline-block;
    width: 185px
    }
form#jap-profil-candidat-titre-profil-form #replace_text_progress {
    width: 165px
    }
.page-create-formation .text_progress {
    margin-top: 28px
    }
article.experience .text_progress {
    margin-top: 13px
    }
.page-recruteur .hr-default, #recommandation .hr-default {
    width: 100%
    }
.page-recruteur .form-item-field-recruteur-cabinet-und label span div.cabinet-desc {
    float: right;
    margin-left: 5px;
    font-style: italic;
    font-size: 1.3rem
    }
.candidat_infos_recherche {
    position: absolute;
    top: 0;
    left: 25px;
    width: 130px;
    display: block;
    overflow: hidden
    }
.form-item-candidat-infos-recherche label span {
    float: left;
    width: 140px
    }
.page-recruteur #wrapper-ajax-document .messages.status {
    margin: 5px 0 15px
    }
.view-recommandation-liste- .supprimer-recommandation {
    position: relative;
    right: 0;
    top: 0
    }
#edit-field-candidat-job-freetxt-und-0-value {
    float: left;
    width: 430px
    }
#edit-field-recruteur-phone-und-0-value {
    float: left;
    width: 430px
    }
.exemple_titre_profil_page em {
    color: #a9a9a9;
    font-style: normal;
    line-height: 18px
    }
#edit-commerce-payment {
    display: none;
    visibility: hidden
    }
#edit-commerce-payment + div.hr-default {
    display: none;
    visibility: hidden
    }
.page-recruteur-coordonnees textarea {
    resize: none
    }
.page-recruteur-entreprise .form-type-checkbox .description {
    margin-left: 0
    }
.page-recruteur-entreprise input[type="checkbox"] + .description label, .page-recruteur-entreprise .trigger-photo-wrap-img + p {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
.page-recruteur-entreprise input[type="checkbox"], .page-recruteur-entreprise .form-type-checkbox .description, .page-recruteur-entreprise input[type="checkbox"] + .description label {
    float: left
    }
.page-recruteur-entreprise span.form-checkbox {
    display: none
    }
.page-recruteur-entreprise input[type="checkbox"] {
    display: block;
    margin-top: 3px
    }
.page-recruteur-entreprise input[type="checkbox"] + .description label {
    display: inline-block;
    padding-left: 10px
    }
.page-recruteur-entreprise textarea {
    resize: none
    }
.page-recruteur-entreprise .trigger-photo-wrap-img {
    position: relative;
    overflow: hidden;
    float: left;
    border: 1px #DADADA solid;
    width: 120px;
    height: 120px
    }
.page-recruteur-entreprise .trigger-photo-table {
    display: table;
    width: 120px;
    height: 120px
    }
.page-recruteur-entreprise .trigger-photo-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle
    }
.page-recruteur-entreprise .trigger-photo-wrap-img img {
    border: 0;
    max-width: 100%
    }
.page-recruteur-entreprise .trigger-photo-wrap-img + p {
    left: 132px;
    top: 34px
    }
.page-recruteur-entreprise .form-type-file {
    left: 280px
    }
.page-recruteur-entreprise .file_upload-photos.shinyform_file .shinyform_file_name {
    background-position: -44px 0
    }
.page-recruteur-entreprise .file_upload-photos.shinyform_file.hover .shinyform_file_name {
    background-position: -44px -27px
    }
.page-recruteur-recommandations #recommandation #tabs {
    float: left;
    padding-top: 30px
    }
.page-recruteur-recommandations .ui-widget-header {
    background: none;
    border: 0
    }
.page-recruteur-recommandations input[type="checkbox"], .page-recruteur-recommandations input[type="checkbox"] + label {
    float: left
    }
.page-recruteur-recommandations span.form-checkbox {
    display: none
    }
.page-recruteur-recommandations input[type="checkbox"] {
    display: block;
    margin-top: 2px
    }
.page-recruteur-recommandations input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-recruteur-recommandations textarea {
    resize: none
    }
.page-recruteur-recommandations .tabs.ui-widget-content {
    border: 0
    }
#profil-menu a:link, #profil-menu a:visited {
    color: #555 !important
    }
#profil-menu a:hover, #profil-menu a:focus, #profil-menu a:active, #profil-menu a.active {
    color: #e50083 !important
    }
.page-presentation-astuces .ctools-modal-content, .page-presentation-astuces #modal-content {
    height: auto !important
    }
.page-presentation-astuces #modalContent {
    top: 25% !important
    }
.page-presentation-astuces .modal-forms-modal-content {
    width: 600px !important
    }
.page-presentation-astuces #modal-content {
    width: 565px !important
    }
.page-presentation-astuces #modal-content p {
    text-align: left !important
    }
div.field-name-field-experience-list, .page-user-edit .field-name-field-experience-list, div.field-name-field-niveau-etude, .page-user-edit .field-name-field-niveau-etude, div.field-name-field-total-experience, .page-user-edit .field-name-field-total-experience {
    display: none !important
    }
div.form-item {
    position: relative
    }
.page-user-edit input[type="checkbox"], .page-user-edit input[type="checkbox"] + label, .page-user-edit input[type="radio"], .page-user-edit input[type="radio"] + label {
    float: left
    }
.page-user-edit span.form-checkbox, .page-user-edit span.form-radio {
    display: none
    }
.page-user-edit input[type="checkbox"], .page-user-edit input[type="radio"] {
    display: block
    }
.page-user-edit input[type="checkbox"] + label, .page-user-edit input[type="radio"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-user-edit #user-edit-infos_persos {
    position: relative
    }
.page-user-edit #user-edit-status-availability input[type="radio"] {
    margin-top: 10px
    }
.page-user-edit .timetab-head {
    background-color: transparent
    }
.page-titre-profil #edit-title-profil-user-value {
    width: 428px
    }
.page-titre-profil .form-submit + .highlight {
    float: left;
    width: 448px;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    text-align: right
    }
.page-titre-profil .hr-default {
    margin: 15px 0 0
    }
.page-titre-profil .exemple_titre_profil_page {
    border-top: 0
    }
.page-titre-profil .exemple_titre_profil_page h3 {
    padding-bottom: 0 !important
    }
.page-personnalite-valeurs .hr-default {
    margin-top: 30px
    }
.page-personnalite-valeurs .mselect-selected-wrap {
    font-size: 13px;
    font-size: 1.3rem
    }
.page-personnalite-valeurs .mselect-action-link + .bu:hover {
    display: none !important
    }
.page-job-experience .form-type-textfield label, .page-job-experience .form-type-textarea label, .page-job-experience-default-page .form-type-textfield label, .page-job-experience-default-page .form-type-textarea label {
    display: none
    }
.page-job-experience .form-type-checkbox input[type="checkbox"], .page-job-experience .form-type-checkbox input[type="checkbox"] + label, .page-job-experience .exp_form_modif .form-type-checkbox input[type="checkbox"], .page-job-experience .exp_form_modif .form-type-checkbox input[type="checkbox"] + label, .page-job-experience-default-page #default_page_form_exp .form-type-checkbox input[type="checkbox"], .page-job-experience-default-page #default_page_form_exp .form-type-checkbox input[type="checkbox"] + label, .page-job-experience-default-page .exp_form_modif .form-type-checkbox input[type="checkbox"], .page-job-experience-default-page .exp_form_modif .form-type-checkbox input[type="checkbox"] + label {
    float: left
    }
.page-job-experience span.form-checkbox, .page-job-experience-default-page span.form-checkbox {
    display: none
    }
.page-job-experience input[type="checkbox"], .page-job-experience .exp_form_modif input[type="checkbox"], .page-job-experience-default-page #default_page_form_exp input[type="checkbox"], .page-job-experience-default-page .exp_form_modif input[type="checkbox"] {
    display: block
    }
.page-job-experience input[type="checkbox"] + label, .page-job-experience .exp_form_modif input[type="checkbox"] + label, .page-job-experience-default-page #default_page_form_exp input[type="checkbox"] + label, .page-job-experience-default-page .exp_form_modif input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-job-experience textarea, .page-job-experience-default-page textarea {
    resize: none
    }
.page-job-experience .icon-delete-2, .page-job-experience-default-page .icon-delete-2, .page-job-experience .icon-change, .page-job-experience-default-page .icon-change {
    line-height: 17px !important
    }
.page-job-experience .icon-delete-2:hover, .page-job-experience .icon-delete-2:focus, .page-job-experience .icon-delete-2:active, .page-job-experience-default-page .icon-delete-2:hover, .page-job-experience-default-page .icon-delete-2:focus, .page-job-experience-default-page .icon-delete-2:active, .page-job-experience .icon-change:hover, .page-job-experience .icon-change:focus, .page-job-experience .icon-change:active, .page-job-experience-default-page .icon-change:hover, .page-job-experience-default-page .icon-change:focus, .page-job-experience-default-page .icon-change:active {
    text-decoration: underline !important
    }
.page-job-experience .ajax-progress, .page-job-experience-default-page .ajax-progress {
    position: absolute;
    right: -5px;
    top: 0
    }
#tooltip .body, #tooltip .bu-item {
    float: left
    }
#tooltip .body {
    width: 400px
    }
#tooltip .bu-item {
    width: 380px
    }
.page-job-experience-default-page #tooltip .timeline-poste, .page-job-experience-init #tooltip .timeline-poste {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
.page-job-experience-default-page #tooltip .bu-item strong, .page-job-experience-init #tooltip .bu-item strong {
    color: #000
    }
#experience li h3, #experience .timeline-company nobr {
    display: block;
    position: relative;
    overflow: visible;
    height: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
    }
#experience li.gray article {
    top: -65px !important;
    padding-bottom: 65px !important
    }
#experience li.gray h3 {
    top: -99px !important
    }
#experience li.yellow article {
    top: -20px !important;
    padding-bottom: 20px !important
    }
#experience li.yellow h3 {
    top: -54px !important
    }
#experience .timeline-company, #experience li article p {
    position: absolute;
    left: 0;
    top: -18px;
    width: 100%
    }
#experience li article p {
    background-color: transparent !important
    }
.page-job-experience-init .experience > p:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
.page-job-experience-init .experience > p:first-child strong {
    color: #000
    }
.page-job-experience .form-item-entreprise-metier, .page-job-experience-default-page .form-item-entreprise-metier {
    position: relative
    }
.page-job-experience .form-item-entreprise-aime-pas + div, .page-job-experience-init .form-item-entreprise-aime-pas + div, .page-job-experience-default-page .form-item-entreprise-aime-pas + div, .page-job-experience .competences-item input[type="checkbox"], .page-job-experience .competences-item label, .page-job-experience-default-page .competences-item input[type="checkbox"], .page-job-experience-default-page .competences-item label {
    float: left
    }
.page-job-experience .form-item-entreprise-aime-pas + div, .page-job-experience-init .form-item-entreprise-aime-pas + div, .page-job-experience-default-page .form-item-entreprise-aime-pas + div {
    padding: 0 0 15px 88px;
    width: 466px
    }
.page-job-experience .competences-title, .page-job-experience-init .competences-title, .page-job-experience-default-page .competences-title {
    float: left;
    padding-bottom: 10px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    color: #555
    }
.page-job-experience .competences-item, .page-job-experience-init .competences-item, .page-job-experience-default-page .competences-item {
    float: left;
    padding-bottom: 14px;
    padding-left: 20px;
    width: 223px
    }
.page-job-experience .competences-title + .competences-item, .page-job-experience .clearfix + .competences-item, .page-job-experience-default-page .competences-title + .competences-item, .page-job-experience-default-page .clearfix + .competences-item {
    clear: left;
    padding-left: 0
    }
.page-job-experience .competences-item label, .page-job-experience-default-page .competences-item label {
    width: 200px
    }
.page-candidat-recommandation #recommandation > p + p, .page-candidat-recommandation #jap-profil-candidat-vos-coordonnees-form {
    margin-top: 0;
    padding-top: 20px
    }
.page-candidat-recommandation .ui-tabs-nav {
    border: 0;
    background: none
    }
.page-candidat-recommandation #recommandation h2 {
    width: 101% !important
    }
.page-candidat-recommandation .form-item-experience label {
    display: none
    }
.page-candidat-recommandation .form-type-checkbox input[type="checkbox"], .page-candidat-recommandation .form-type-checkbox input[type="checkbox"] + label {
    float: left
    }
.page-candidat-recommandation .form-type-checkbox span.form-checkbox {
    display: none
    }
.page-candidat-recommandation .form-type-checkbox input[type="checkbox"] {
    display: block
    }
.page-candidat-recommandation .form-type-checkbox input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-candidat-recommandation .form-item-experience .dk_label {
    display: block;
    position: relative;
    overflow: hidden;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
    }
.page-candidat-recommandation textarea {
    height: 95px;
    resize: none
    }
.page-candidat-recommandation .form-submit {
    width: 122px;
    background-position: -540px 0 !important
    }
.page-candidat-recommandation .ui-widget input, .page-candidat-recommandation .ui-widget select, .page-candidat-recommandation .ui-widget .dk_container, .page-candidat-recommandation .ui-widget textarea {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem
    }
.page-candidat-recommandation #recommandation .views-field-delete-node a {
    line-height: 17px !important
    }
.page-candidat-recommandation #recommandation .views-field-delete-node a:link, .page-candidat-recommandation #recommandation .views-field-delete-node a:visited {
    text-decoration: none
    }
.page-candidat-recommandation #recommandation .views-field-delete-node a:hover, .page-candidat-recommandation #recommandation .views-field-delete-node a:focus, .page-candidat-recommandation #recommandation .views-field-delete-node a:active {
    text-decoration: underline;
    background-position: 0 0 !important;
    color: #000
    }
.page-candidat-recommandation .quote .field-content {
    color: #555
    }
.page-candidat-recommandation #recommandation .form-item-experience {
    margin-bottom: 0
    }
.page-candidat-recommandation #recommandation .hr-default {
    margin-top: 30px
    }
.page-candidat-photos-documents .bold {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000
    }
.page-candidat-photos-documents .candidat_page > .hr-default {
    margin-top: 15px !important
    }
.page-candidat-photos-documents #jap-profil-candidat-add-photos-form + .hr-default {
    margin-top: 30px !important
    }
.page-create-formation #jap-profil-candidat-formation-page-form > div, .page-create-formation #liste_formation_user .form_modif form > div {
    position: relative
    }
.page-create-formation #jap-profil-candidat-formation-page-form .container-inline-date + .container-inline-date, .page-create-formation #liste_formation_user .form_modif .container-inline-date + .container-inline-date {
    padding-left: 28px
    }
.page-create-formation #jap-profil-candidat-formation-page-form .container-inline-date > .form-item, .page-create-formation #liste_formation_user .form_modif .container-inline-date > .form-item {
    display: block;
    margin-bottom: 0
    }
.page-create-formation .exp_actions .icon-delete-2, .page-create-formation .exp_actions .icon-change {
    line-height: 17px !important
    }
.page-create-formation .exp_actions .icon-delete-2:hover, .page-create-formation .exp_actions .icon-delete-2:focus, .page-create-formation .exp_actions .icon-delete-2:active, .page-create-formation .exp_actions .icon-change:hover, .page-create-formation .exp_actions .icon-change:focus, .page-create-formation .exp_actions .icon-change:active {
    text-decoration: underline !important
    }
.page-create-formation .hr-default {
    margin-top: 30px
    }
.page-create-formation h1, .page-create-formation .page-title {
    margin-bottom: 0 !important
    }
.page-create-formation .exp_actions > div + div {
    margin-top: 4px !important
    }
.page-create-formation #jap-profil-candidat-formation-page-form .form-item-diplome, .page-create-formation #liste_formation_user .form_modif .form-item-diplome {
    float: none;
    position: absolute;
    left: 370px;
    top: 108px;
    margin: 0
    }
.page-create-formation .form-item-nom-diplome input {
    width: 330px
    }
.page-create-formation #jap-profil-candidat-formation-page-form input[type="checkbox"], .page-create-formation #jap-profil-candidat-formation-page-form input[type="checkbox"] + label, .page-create-formation #liste_formation_user .form_modif input[type="checkbox"], .page-create-formation #liste_formation_user .form_modif input[type="checkbox"] + label {
    float: left
    }
.page-create-formation #jap-profil-candidat-formation-page-form span.form-checkbox, .page-create-formation #liste_formation_user .form_modif span.form-checkbox {
    display: none
    }
.page-create-formation #jap-profil-candidat-formation-page-form input[type="checkbox"], .page-create-formation #liste_formation_user .form_modif input[type=checkbox] {
    display: block
    }
.page-create-formation #jap-profil-candidat-formation-page-form input[type="checkbox"] + label, .page-create-formation #liste_formation_user .form_modif input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-create-formation .dk_toggle {
    width: 400px !important
    }
.page-create-formation .container-inline-date .dk_toggle {
    width: 27px !important
    }
.page-create-formation #jap-profil-candidat-formation-page-form textarea, .page-create-formation #liste_formation_user .form_modif textarea {
    height: 95px;
    resize: none
    }
.page-create-formation #liste_formation_user .exp_detail {
    padding: 10px
    }
.page-create-formation #liste_formation_user .exp_detail p + p {
    padding-top: 4px
    }
.page-create-formation #liste_formation_user .exp_detail a:link, .page-create-formation #liste_formation_user .exp_detail a:visited, .page-create-formation #liste_formation_user .exp_detail a:hover, .page-create-formation #liste_formation_user .exp_detail a:focus, .page-create-formation #liste_formation_user .exp_detail a:active {
    text-decoration: none !important
    }
#profil_visu .card #card-contact > .bu .achat_pack {
    padding: 10px
    }
#profil_visu .card #card-contact > .bu .utilisation_credit {
    width: 224px;
    padding: 20px 10px;
    color: #555
    }
#profil_visu .card #card-contact > .bu .utilisation_credit .small-button {
    display: inline-block
    }
#profil_visu .card #card-contact > .bu .utilisation_credit p {
    margin-bottom: 1.2em;
    line-height: 1.5em;
    text-align: left
    }
#profil_visu .card #card-contact > .bu .utilisation_credit .actions {
    text-align: center
    }
.page-node-add-annonce .hr-default, .node-type-annonce .hr-default {
    margin-top: 30px
    }
.page-node-add-annonce .form-type-checkbox span.form-checkbox {
    display: none
    }
.page-node-add-annonce .form-type-checkbox input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 10px
    }
.page-annonce .page-title {
    display: none
    }
.page-annonce .views-row-first {
    list-style: none
    }
.page-annonce [role=main] .item-list ul {
    margin: 0
    }
.page-annonce .full-width, .page-annonce .annonce-title, .page-annonce .annonce-name, .page-annonce .annonce-dist, .page-annonce .hr-corners, .page-annonce .nr-info-wrap, .page-annonce .nr-info, .page-annonce .nr-info-item, .page-annonce .nr-info-item-name, .page-annonce .nr-info-item-data {
    float: left;
    width: 100%
    }
.page-annonce .views-row-first > .hr-corners {
    margin-top: 10px
    }
.page-annonce .full-width .annonce-hgroup {
    float: left;
    width: 685px
    }
.page-annonce .full-width .annonce-hgroup .urgent {
    color: #000;
    display: inline;
    font-family: "Lobster", cursive;
    font-size: 18px
    }
.page-annonce .annonce-title {
    margin: 0;
    line-height: 1;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: normal;
    color: #e50083
    }
.page-annonce .annonce-name {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px
    }
.page-annonce .annonce-dist {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    color: #555
    }
.page-annonce .annonce-poste b {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    color: #000
    }
.page-annonce .annonce-tool {
    float: left;
    margin-left: 0;
    width: 235px
    }
.page-annonce .tool-icon li, .page-annonce .control-icon li {
    display: block;
    float: left
    }
.page-annonce .tool-icon li .bu, .page-annonce .control-icon li .bu {
    top: 23px
    }
.page-annonce .tool-icon [id^="icon-"]:link, .page-annonce .tool-icon [id^="icon-"]:visited, .page-annonce .control-icon [id^="icon-"]:link, .page-annonce .control-icon [id^="icon-"]:visited, .page-annonce .tool-icon .flag-annonces a:link, .page-annonce .tool-icon .flag-annonces a:link, .page-annonce .tool-icon #icon-share > span {
    display: block;
    position: relative;
    overflow: hidden;
    height: 37px;
    text-indent: -999px;
    background-position: 0 0;
    background-repeat: no-repeat
    }
.page-annonce .tool-icon li:hover [id^="icon-"], .page-annonce .tool-icon li:focus [id^="icon-"], .page-annonce .tool-icon [id^="icon-"]:hover, .page-annonce .tool-icon [id^="icon-"]:focus, .page-annonce .tool-icon [id^="icon-"]:active, .page-annonce .control-icon li:hover [id^="icon-"], .page-annonce .control-icon li:focus [id^="icon-"], .page-annonce .control-icon [id^="icon-"]:hover, .page-annonce .control-icon [id^="icon-"]:focus, .page-annonce .control-icon [id^="icon-"]:active {
    background-position: 0 -47px;
    cursor: pointer
    }
.page-annonce .control-icon {
    float: left
    }
.page-annonce .control-icon [id^="icon-"]:link, .page-annonce .control-icon [id^="icon-"]:visited {
    width: 41px
    }
.page-annonce .control-icon #icon-prev {
    background-image: url(/sites/all/themes/jap/img/layout/icon-prev.png)
    }
.page-annonce .control-icon #icon-next {
    background-image: url(/sites/all/themes/jap/img/layout/icon-next.png)
    }
.page-annonce .tool-icon {
    float: right
    }
.page-annonce .tool-icon li {
    padding-left: 3px
    }
.page-annonce .tool-icon [id^="icon-"]:link, .page-annonce .tool-icon [id^="icon-"]:visited, .page-annonce .tool-icon #icon-share > span {
    width: 37px
    }
.page-annonce .tool-icon #icon-print {
    background-image: url(/sites/all/themes/jap/img/layout/icon-print.png)
    }
.page-annonce .tool-icon #icon-share, .page-annonce .tool-icon #icon-share > span {
    background-image: url(/sites/all/themes/jap/img/layout/icon-share.png)
    }
.page-annonce .tool-icon #icon-star {
    background-image: url(/sites/all/themes/jap/img/layout/icon-star.png)
    }
.page-annonce .tool-icon #icon-star.bookmarked {
    background-image: url(/sites/all/themes/jap/img/layout/icon-star-gold.png)
    }
.page-annonce .tool-icon .flag-annonces a.unflagged, .page-annonce .tool-icon .flag-annonces a.flag-action {
    background-image: url(/sites/all/themes/jap/img/layout/icon-star.png)
    }
.page-annonce .tool-icon .flag-annonces a.flagged, .page-annonce .tool-icon .flag-annonces a.unflag-action {
    background-image: url(/sites/all/themes/jap/img/layout/icon-star-gold.png)
    }
.page-annonce .annonce-gallery, .page-annonce .annonce-gallery-view, .page-annonce .annonce-gallery-view img, .page-annonce .annonce-gallery-thumb, .page-annonce .annonce-gallery-thumb-list div, .page-annonce .annonce-gallery-thumb-list .pager a, .page-annonce .annonce-gallery-thumb-list img {
    position: relative;
    float: left
    }
.page-annonce .annonce-gallery, .page-annonce .annonce-gallery-view, .page-annonce .annonce-gallery-view img, .page-annonce .annonce-gallery-thumb {
    width: 655px
    }
.page-annonce .annonce-gallery-view img, .page-annonce .annonce-gallery-thumb-list a, .page-annonce .annonce-gallery-thumb-list img {
    display: block
    }
.page-annonce .annonce-gallery {
    float: left;
    padding: 15px;
    height: 512px;
    background: url(/sites/all/themes/jap/img/layout/bkg-gallery.png) no-repeat 0 0
    }
.page-annonce .annonce-gallery-view, .page-annonce .annonce-gallery-view img {
    height: 437px
    }
.page-annonce .annonce-gallery-view {
    padding-bottom: 15px
    }
.page-annonce .annonce-gallery-thumb-list, .page-annonce .annonce-gallery-thumb-list .bx-wrapper, .page-annonce .annonce-gallery-thumb-list .bx-window, .page-annonce .annonce-gallery-thumb-list .view-content, .page-annonce .annonce-gallery-thumb-list .views-row, .page-annonce .annonce-gallery-thumb-list .pager a, .page-annonce .annonce-gallery-thumb-list img {
    height: 48px !important
    }
.page-annonce .annonce-gallery-thumb-list .views-row a, .page-annonce .annonce-gallery-thumb-list .pager a, .page-annonce .annonce-gallery-thumb-list img {
    position: relative;
    width: 72px
    }
.page-annonce .bx-prev, .page-annonce .bx-next, .page-annonce .annonce-gallery-thumb-prev, .page-annonce .annonce-gallery-thumb-next {
    position: absolute;
    overflow: hidden;
    top: 15px;
    width: 20px;
    height: 19px;
    text-indent: 9999px
    }
.page-annonce .bx-prev:link, .page-annonce .bx-prev:visited, .page-annonce .annonce-gallery-thumb-prev:link, .page-annonce .annonce-gallery-thumb-prev:visited {
    left: 6px;
    background: url(/sites/all/themes/jap/img/layout/gallery-arrow-gray-left.png) no-repeat 0 0
    }
.page-annonce .bx-prev:hover, .page-annonce .bx-prev:focus, .page-annonce .bx-prev:active, .page-annonce .annonce-gallery-thumb-prev:hover, .page-annonce .annonce-gallery-thumb-prev:focus, .page-annonce .annonce-gallery-thumb-prev:active {
    background-position: 0 -30px
    }
.page-annonce .bx-next:link, .page-annonce .bx-next:visited, .page-annonce .annonce-gallery-thumb-next:link, .page-annonce .annonce-gallery-thumb-next:visited {
    right: 6px;
    background: url(/sites/all/themes/jap/img/layout/gallery-arrow-gray-right.png) no-repeat 0 0
    }
.page-annonce .bx-next:hover, .page-annonce .bx-next:focus, .page-annonce .bx-next:active, .page-annonce .annonce-gallery-thumb-next:hover, .page-annonce .annonce-gallery-thumb-next:focus, .page-annonce .annonce-gallery-thumb-next:active {
    background-position: 0 -30px
    }
.page-annonce .annonce-gallery-thumb-list .bx-wrapper {
    width: 610px !important
    }
.page-annonce .annonce-gallery-thumb-list .bx-window {
    width: 564px !important
    }
.page-annonce .annonce-gallery-thumb-prev, .page-annonce .annonce-gallery-thumb-next {
    display: none !important
    }
.page-annonce .annonce-gallery-thumb-list .view-content, .page-annonce .annonce-gallery-thumb-list .bx-wrapper {
    padding-left: 45px
    }
.page-annonce .annonce-gallery-thumb-list .bx-wrapper .view-content {
    padding-left: 0
    }
.page-annonce .annonce-gallery-thumb-list .views-row, .page-annonce .annonce-gallery-thumb-list .pager, .page-annonce .item-list .pager {
    clear: none !important;
    float: left !important
    }
.page-annonce .annonce-gallery-thumb-list .views-row + .views-row {
    padding-left: 10px
    }
.page-annonce .annonce-gallery-thumb-list .pager {
    padding-right: 10px;
    padding-left: 0 !important
    }
.page-annonce .annonce-gallery-thumb-list a:link span, .page-annonce .annonce-gallery-thumb-list a:visited span {
    display: none;
    position: absolute;
    z-index: 300;
    left: 0;
    top: 0;
    border: 2px #000 solid;
    width: 68px;
    height: 44px
    }
.page-annonce .annonce-gallery-thumb-list a:hover span, .page-annonce .annonce-gallery-thumb-list a:focus span, .page-annonce .annonce-gallery-thumb-list a:active span, .page-annonce .annonce-gallery-thumb-list a.current span {
    display: block
    }
.page-annonce .with-right-aside .tabs {
    float: left;
    margin-top: 20px
    }
.page-annonce .notre_entreprise-item, .page-annonce .notre_entreprise-fig, .page-annonce .notre_entreprise-notre_histoire {
    float: left
    }
.page-annonce .notre_entreprise-notre_histoire img {
    float: left;
    margin: 0 15px 5px 0
    }
.page-annonce .notre_entreprise-notre_histoire p {
    line-height: 18px;
    font-size: 12px;
    color: #555
    }
.page-annonce .notre_entreprise-notre_histoire b {
    line-height: 18px;
    font-size: 14px;
    color: #000;
    font-weight: normal
    }
.page-annonce .notre_entreprise-item {
    width: 100%
    }
.page-annonce .notre_entreprise-item p {
    line-height: 18px;
    font-size: 12px;
    color: #555
    }
.page-annonce .notre_entreprise-item b {
    line-height: 18px;
    font-size: 14px;
    color: #000;
    font-weight: normal
    }
.page-annonce .notre_entreprise-fig {
    position: relative;
    overflow: hidden;
    border: 1px #dadada solid;
    width: 150px;
    height: 150px
    }
.page-annonce .notre_entreprise-fig img {
    width: 150px !important;
    height: 150px !important
    }
.page-annonce .notre_entreprise-notre_histoire {
    margin-top: -4px;
    padding: 0;
    width: 640px
    }
.page-annonce .notre_entreprise-item + .notre_entreprise-item {
    padding-top: 20px
    }
.page-annonce .nr-info {
    margin: 0 !important;
    padding: 0 !important;
    width: 302px
    }
.page-annonce .nr-info + .nr-info {
    margin-left: 20px !important
    }
.page-annonce .nr-info-item {
    display: block;
    width: 100%
    }
.page-annonce .nr-info-item-name, .page-annonce .nr-info-item-data {
    display: inline-block
    }
.page-annonce .nr-info-item-name {
    padding-right: 10px;
    font-weight: normal;
    text-align: right;
    color: #000
    }
.page-annonce #nr-info-left {
    width: 250px
    }
.page-annonce #nr-info-left .nr-info-item-name {
    width: 70px;
    font-weight: normal
    }
.page-annonce #nr-info-left .nr-info-item-data {
    width: 170px
    }
.page-annonce #nr-info-right {
    width: 370px
    }
.page-annonce #nr-info-right .nr-info-item-name {
    width: 122px;
    font-weight: normal
    }
.page-annonce #nr-info-right .nr-info-item-data {
    width: 238px
    }
.page-annonce .nr, .page-annonce .nr-head, .page-annonce .nr-desc, .page-annonce .nr-item, .page-annonce .nr-foot {
    float: left;
    width: 100%
    }
.page-annonce .nr-head {
    padding-bottom: 30px
    }
.page-annonce .nr .annonce-hgroup, .page-annonce .nr-item {
    padding-bottom: 30px;
    font-weight: normal;
    font-size: 1.2rem;
    color: #555
    }
.page-annonce .nr-item-title {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000
    }
.page-annonce .nr-item .list-skill, .page-annonce .nr-item .list-skill-item {
    margin: 0;
    padding: 0;
    list-style-image: none;
    background: none
    }
.page-annonce .nr-item .list-skill {
    margin: 0
    }
.page-annonce .nr-item .list-skill-item {
    margin-left: 15px;
    list-style: disc outside url(/sites/all/themes/jap/img/layout/dot-hotpink.png)
    }
.page-annonce .nr-item .wrap-timetab {
    margin-top: 10px
    }
.page-annonce .nr-item .timetab {
    margin-left: 0
    }
.page-annonce .nr-item .timetab-head {
    background: none !important
    }
.page-annonce .nr-item .timetab-data-empty {
    background: #fff
    }
.page-annonce .nr-foot #b-postulate:link, .page-annonce .nr-foot #b-postulate:visited {
    display: inline-block;
    float: right;
    width: 215px;
    background-position: -663px 0;
    height: 0;
    padding-top: 37px;
    overflow: hidden
    }
.page-annonce .box-postuler #b-postulate:link, .page-annonce .box-postuler #b-postulate:visited, #modal-validation #b-postulate:link, #modal-validation #b-postulate:visited {
    display: inline-block;
    width: 215px;
    background-position: -663px 0;
    height: 0;
    padding-top: 37px;
    overflow: hidden
    }
.page-annonce .nr-foot #b-postulate:hover, .page-annonce .nr-foot #b-postulate:focus, .page-annonce .nr-foot #b-postulate:active, .page-annonce .box-postuler #b-postulate:hover, .page-annonce .box-postuler #b-postulate:focus, .page-annonce .box-postuler #b-postulate:active, #modal-validation #b-postulate:hover, #modal-validation #b-postulate:focus, #modal-validation #b-postulate:active {
    background-position: -663px -37px
    }
.page-annonce #tabs-3 .views-field-field-message-reponse .field-content {
    padding-top: 0
    }
.page-annonce #tabs-3 .views-row {
    float: left;
    width: 100%
    }
.page-annonce #tabs-3 .views-row + .views-row {
    padding-top: 22px
    }
.page-annonce #tabs-3 .hr-corners {
    display: none
    }
.page-annonce .box-head, .page-annonce .box-fig, .page-annonce .box-figcapt, .page-annonce .box-body, .page-annonce .quote, .page-annonce .box .item-list li {
    padding-right: 7px;
    padding-left: 7px
    }
.page-annonce .box-fig {
    padding: 0;
    width: 213px
    }
.page-annonce .box-fig img {
    width: 213px;
    height: auto
    }
.page-annonce .box-head, .page-annonce .box-figcapt, .page-annonce .box-body, .page-annonce .box-quote, .page-annonce .box .item-list li {
    width: 199px
    }
.page-annonce .box-figcapt, .page-annonce .box-body, .page-annonce .box .item-list li {
    padding-top: 9px
    }
.page-annonce .box, .page-annonce .box .item-list li, .page-annonce .box .box-coord {
    padding-bottom: 9px
    }
.page-annonce .box-figcapt, .page-annonce .box-tel, .page-annonce .box-dispo {
    font-size: 11px;
    font-size: 1.1rem;
    color: #a9a9a9
    }
.page-annonce .box-tel {
    margin-bottom: 5px
    }
.page-annonce .box-tel div, .page-annonce .box-dispo div {
    display: inline
    }
.page-annonce .box {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #dadada;
    border-radius: 5px
    }
.page-annonce .box-head {
    padding-top: 14px;
    padding-bottom: 14px
    }
.page-annonce .box-title {
    font-size: 18px;
    font-size: 1.6rem
    }
.page-annonce .box-title .field-content {
    display: inline
    }
.page-annonce .box-quote {
    font-style: italic;
    color: #000
    }
.page-annonce .annonce-titre_annonce a:link, .page-annonce .annonce-titre_annonce a:visited {
    text-decoration: none;
    color: #E50083
    }
.page-annonce div.view-voir-annonces-recruteur ul {
    margin: 0
    }
.page-annonce .annonce-titre_annonce a:hover, .page-annonce .annonce-titre_annonce a:focus, .page-annonce .annonce-titre_annonce a:active, .page-annonce .annonce-titre_annonce a:hover .highlight, .page-annonce .annonce-titre_annonce a:focus .highlight, .page-annonce .annonce-titre_annonce a:active .highlight {
    color: #000
    }
.page-annonce .annonce-poste, .page-annonce .annonce-poste a {
    color: #000
    }
.page-annonce .annonce-poste .field-content {
    display: inline
    }
.card-icons {
    margin: 0 0 0 0 !important;
    list-style-type: none !important
    }
ul.card-icons {
    margin: 0 0 0 0 !important;
    list-style-image: none !important;
    list-style-type: none !important;
    list-style: none !important
    }
.card-icons > li {
    display: block;
    margin-left: 5px;
    float: left
    }
.page-annonce .box .item-list li {
    display: block;
    border-top: 1px solid #dadada;
    list-style: none
    }
.page-node-add-annonce aside .borders-rounded, .node-type-annonce aside .borders-rounded {
    width: 213px
    }
.page-node-add-annonce .aside-stickers a, .node-type-annonce .aside-stickers a {
    margin-top: 1px
    }
.page-node-add-annonce .aside-stickers a + a, .node-type-annonce .aside-stickers a + a {
    margin-top: 20px
    }
.page-node-add-annonce #breadcrumb-big, .node-type-annonce #breadcrumb-big {
    margin-bottom: 30px !important
    }
.page-node-add-annonce .wrapper-field.annonce-page2 h2, .page-node-add-annonce .wrapper-field.annonce-page2 .hr-default, .page-node-add-annonce .wrapper-field.annonce-page2 .form-type-textarea label, .node-type-annonce .wrapper-field.annonce-page2 h2, .node-type-annonce .hr-default, .node-type-annonce .wrapper-field.annonce-page2 .form-type-textarea label {
    width: 100%
    }
.page-node-add-annonce .mandatory_field-mark, .page-node-add-annonce .icon-info, .node-type-annonce .mandatory_field-mark, .node-type-annonce .icon-info {
    display: inline-block;
    float: left
    }
.page-node-add-annonce .form-required, .page-node-add-annonce .mandatory_field-mark, .node-type-annonce .form-required, .node-type-annonce .mandatory_field-mark {
    font-size: 11px;
    font-size: 1.1rem;
    color: #e50083
    }
.page-node-add-annonce .mandatory_field-mark, .node-type-annonce .mandatory_field-mark {
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    width: 10px
    }
.page-node-add-annonce .icon-info, .node-type-annonce .icon-info {
    margin: 8px 0 0 5px;
    width: 7px;
    height: 15px;
    background: url(/sites/all/themes/jap/img/layout/icon-info.png) no-repeat 0 0
    }
.page-node-add-annonce .wrapper-field.annonce-page2 h2, .node-type-annonce .wrapper-field.annonce-page2 h2 {
    padding-bottom: 15px
    }
.page-node-add-annonce .descriptive + p, .node-type-annonce .descriptive + p, .descriptive + p {
    margin-top: 0
    }
.page-node-add-annonce .wrapper-field.annonce-page2 p, .node-type-annonce .wrapper-field.annonce-page2 p {
    padding-bottom: 10px;
    width: 450px
    }
.page-node-add-annonce .info-field, .node-type-annonce .info-field {
    text-align: left
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-type-radio, .node-type-annonce .wrapper-field.annonce-page2 .form-type-radio {
    padding-left: 0;
    padding-right: 30px;
    width: auto;
    font-style: italic;
    display: inline-block
    }
.page-node-add-annonce input[type="text"], .page-node-add-annonce input[type="password"], .page-node-add-annonce textarea, .node-type-annonce input[type="text"], .node-type-annonce input[type="password"], .node-type-annonce textarea {
    margin-left: 150px;
    width: 430px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 span.form-radio.error, .node-type-annonce .wrapper-field.annonce-page2 span.form-radio.error {
    background: #f00
    }
.page-node-add-annonce textarea, .node-type-annonce textarea {
    width: 450px;
    height: 115px;
    word-wrap: break-word
    }
.page-node-add-annonce .form-item-field-attente-candidat-und-0-value, .node-type-annonce .form-item-field-attente-candidat-und-0-value {
    position: relative
    }
.page-node-add-annonce .form-item-field-attente-candidat-und-0-value textarea, .node-type-annonce .form-item-field-attente-candidat-und-0-value textarea {
    height: 230px
    }
.form-item .description {
    font-size: 12px
    }
.annonce_recruteur_title {
    position: relative
    }
.annonce_recruteur_title .description {
    top: 110px
    }
.page-node-add-annonce .form-item-field-attente-candidat-und-0-value .description, .node-type-annonce .form-item-field-attente-candidat-und-0-value .description {
    left: 150px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .dk_toggle, .node-type-annonce .wrapper-field.annonce-page2 .dk_toggle {
    width: 396px !important
    }
.page-node-add-annonce .dk_container.error, .node-type-annonce .dk_container.error {
    margin-bottom: 0 !important;
    border: 1px solid #e50083 !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    background: #fbd9ed url(/sites/all/themes/jap/img/layout/select-arrow.gif) no-repeat right
    }
.page-node-add-annonce .ajax-new-content .form-submit, .node-type-annonce .ajax-new-content .form-submit {
    display: block;
    position: absolute;
    overflow: hidden;
    padding: 18px 0 0;
    border: 0;
    width: 17px;
    height: 18px;
    background: url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 0;
    cursor: pointer
    }
.page-node-add-annonce .multipage-link-previous, .node-type-annonce .multipage-link-previous {
    display: none;
    overflow: hidden;
    padding-top: 37px;
    border: 0;
    height: 0;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat
    }
.page-node-add-annonce .multipage-link-previous:link, .page-node-add-annonce .multipage-link-previous:visited, .node-type-annonce .multipage-link-previous:link, .node-type-annonce .multipage-link-previous:visited {
    float: right;
    margin-right: 13px;
    padding-top: 0 !important;
    width: 219px;
    background-position: -545px -222px;
    height: 37px;
    text-indent: -9999px;
    color: transparent
    }
.page-node-add-annonce .multipage-link-previous:hover, .page-node-add-annonce .multipage-link-previous:focus, .page-node-add-annonce .multipage-link-previous:active, .node-type-annonce .multipage-link-previous:hover, .node-type-annonce .multipage-link-previous:focus, .node-type-annonce .multipage-link-previous:active {
    background-position: -545px -259px
    }
.page-node-add-annonce .multipage-controls-list input.form-submit, .node-type-annonce .multipage-controls-list input.form-submit {
    margin-top: 0 !important
    }
.page-node-add-annonce #edit-submit, .page-node-add-annonce #edit-submit:link, .page-node-add-annonce #edit-submit:visited, .node-type-annonce #edit-submit, .node-type-annonce #edit-submit:link, .node-type-annonce #edit-submit:visited {
    width: 344px !important;
    background-position: -199px -222px !important
    }
.page-node-add-annonce #edit-submit:hover, .page-node-add-annonce #edit-submit:focus, .page-node-add-annonce #edit-submit:active, .node-type-add-annonce #edit-submit:hover, .node-type-add-annonce #edit-submit:focus, .node-type-add-annonce #edit-submit:active {
    background-position: -199px -259px !important
    }
.page-node-add-annonce .form-actions, .node-type-annonce .form-actions {
    text-align: right
    }
.page-node-add-annonce #edit-title-counter, .node-type-annonce #edit-title-counter {
    margin-left: 150px;
    font-style: italic;
    line-height: 33px
    }
.page-node-add-annonce #edit-title-counter.messages, .node-type-annonce #edit-title-counter.messages {
    background: none;
    margin: 0 0 0 150px;
    padding: 0;
    border: 0;
    color: #555
    }
.page-node-add-annonce #edit-title-counter strong, .node-type-annonce #edit-title-counter strong {
    font-weight: normal;
    color: #a9a9a9
    }
.page-node-add-annonce #edit-title-counter.messages strong, .node-type-annonce #edit-title-counter.messages strong {
    font-weight: normal;
    color: #E50083
    }
.page-node-add-annonce .form-autocomplete, .node-type-annonce .form-autocomplete {
    background-image: none !important
    }
.page-node-add-annonce .field-name-field-secteuractivite, .node-type-annonce .field-name-field-secteuractivite {
    padding-top: 0
    }
.page-node-add-annonce #annonces_recruteur-competences_posseder > p, .node-type-annonce #annonces_recruteur-competences_posseder > p {
    text-align: left
    }
.page-node-add-annonce #edit-field-competencerequises-und .form-type-checkbox, .node-type-annonce #edit-field-competencerequises-und .form-type-checkbox {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 0;
    width: 215px
    }
.page-node-add-annonce #edit-field-competencerequises-und .form-type-checkbox label, .node-type-annonce #edit-field-competencerequises-und .form-type-checkbox label {
    float: right;
    width: 190px
    }
.page-node-add-annonce #edit-field-competencerequises-und .form-wrapper + .form-wrapper, .node-type-annonce #edit-field-competencerequises-und .form-wrapper + .form-wrapper {
    margin-top: 15px
    }
.page-node-add-annonce #field-ajout-add-more-wrapper input[type="text"], .node-type-annonce #field-ajout-add-more-wrapper input[type="text"] {
    width: 342px
    }
.page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-type-text, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-type-text {
    padding-top: 10px
    }
.page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit {
    display: block;
    float: left;
    position: absolute;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
    width: 17px !important;
    height: 18px !important;
    text-indent: -9999px;
    background: url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat 0 0;
    cursor: pointer
    }
.page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit:hover, .page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit:focus, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit:hover, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .form-submit:focus {
    background-position: 0 -28px
    }
.page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit, .page-node-options .add_coupon {
    width: 77px !important;
    height: 26px !important;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat -85px -54px !important
    }
.page-node-add-annonce #edit-field-competencerequises, .node-type-annonce #edit-field-competencerequises {
    position: relative;
    padding: 16px 0
    }
.page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit:hover, .page-node-add-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit:focus, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit:hover, .node-type-annonce #edit-field-ajout #field-ajout-add-more-wrapper .field-add-more-submit:focus {
    background-position: -85px -81px !important
    }
.page-node-add-annonce #edit-field-ajout-und-1-field-ajouter, .page-node-add-annonce .tabledrag-toggle-weight-wrapper, .page-node-add-annonce #field-ajout-values thead, .page-node-add-annonce .field-multiple-drag, .page-node-add-annonce #edit-field-ajout-und-1-remove-button, .page-node-add-annonce .delta-order, .page-node-add-annonce .ajax-progress .throbber + .message, .node-type-annonce #edit-field-ajout-und-1-field-ajouter, .node-type-annonce .tabledrag-toggle-weight-wrapper, .node-type-annonce #field-ajout-values thead, .node-type-annonce .field-multiple-drag, .node-type-annonce #edit-field-ajout-und-1-remove-button, .node-type-annonce .delta-order, .node-type-annonce .ajax-progress .throbber + .message {
    display: none !important
    }
.page-node-add-annonce #field-ajout-values tr.even, .page-node-add-annonce #field-ajout-values tr.odd, .node-type-annonce #field-ajout-values tr.even, .node-type-annonce #field-ajout-values tr.odd {
    background: #fff !important
    }
.page-node-add-annonce #field-ajout-values, .page-node-add-annonce #field-ajout-add-more-wrapper, .node-type-annonce #field-ajout-values, .node-type-annonce #field-ajout-add-more-wrapper {
    width: 450px !important
    }
.page-node-add-annonce #field-ajout-values tr, .page-node-add-annonce #field-ajout-values td, .node-type-annonce #field-ajout-values tr, .node-type-annonce #field-ajout-values td {
    padding: 0 !important
    }
.page-node-add-annonce #field-ajout-add-more-wrapper .field-type-text, .node-type-annonce #field-ajout-add-more-wrapper .field-type-text {
    position: relative;
    margin: 0 !important;
    padding: 0 0 10px 0 !important
    }
.page-node-add-annonce #edit-field-ajout-und-1-field-ajouter, .node-type-annonce #edit-field-ajout-und-1-field-ajouter {
    position: absolute;
    left: 0;
    top: -10px
    }
.page-node-add-annonce #edit-field-ajout-und-add-more, .node-type-annonce #edit-field-ajout-und-add-more {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important
    }
.page-node-add-annonce [id^="edit-field-ajout-und-2-remove-button"], .page-node-add-annonce .field-name-field-ajouter + input[type="submit"], .node-type-annonce [id^="edit-field-ajout-und-2-remove-button"], .node-type-annonce .field-name-field-ajouter + input[type="submit"] {
    position: absolute;
    left: 374px;
    top: 10px
    }
.page-node-add-annonce .ajax-progress .throbber, .node-type-annonce .ajax-progress .throbber {
    position: absolute;
    left: 460px;
    top: 10px;
    text-indent: -9999px;
    background: url(/sites/all/themes/jap/img/layout/throbber.gif) no-repeat 0 0 !important
    }
.page-node-add-annonce label[for="edit-field-quelcontrat-und-0-field-statut-und"], .page-node-add-annonce label[for="edit-field-quelcontrat-und-0-field-tempsdetravail-und"], .page-node-add-annonce #edit-field-quelcontrat-und-0-field-salairepropose-und-0 .fieldset-legend, .node-type-annonce label[for="edit-field-quelcontrat-und-0-field-statut-und"], .node-type-annonce label[for="edit-field-quelcontrat-und-0-field-tempsdetravail-und"], .node-type-annonce #edit-field-quelcontrat-und-0-field-salairepropose-und-0 .fieldset-legend {
    font-style: italic
    }
.page-node-add-annonce .wrapper-field.annonce-page2 label[for="edit-field-quelcontrat-und-0-field-statut-und"], .page-node-add-annonce label[for="edit-field-quelcontrat-und-0-field-tempsdetravail-und"], .page-node-add-annonce .field-name-field-tempsdetravail, .page-node-add-annonce .field-name-field-experiencerequise, .page-node-add-annonce .field-name-field-niveauetude, .node-type-annonce .wrapper-field.annonce-page2 label[for="edit-field-quelcontrat-und-0-field-statut-und"], .node-type-annonce label[for="edit-field-quelcontrat-und-0-field-tempsdetravail-und"], .node-type-annonce .field-name-field-tempsdetravail, .node-type-annonce .field-name-field-experiencerequise, .node-type-annonce .field-name-field-niveauetude {
    padding-bottom: 10px !important;
    width: 100% !important
    }
.page-node-add-annonce .field-name-field-tempsdetravail, .page-node-add-annonce .field-name-field-experiencerequise, .page-node-add-annonce #field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-add-more-wrapper, .page-node-add-annonce #edit-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet, .node-type-annonce .field-name-field-tempsdetravail, .node-type-annonce .field-name-field-experiencerequise, .node-type-annonce #field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-add-more-wrapper, .node-type-annonce #edit-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet {
    padding-top: 10px
    }
.page-node-add-annonce #field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-add-more-wrapper .description, .page-node-add-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .description, .node-type-annonce #field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-add-more-wrapper .description, .node-type-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .description {
    width: 450px;
    color: #a9a9a9
    }
.page-node-add-annonce .form-item-field-quelcontrat-und-0-field-statut-und .mandatory_field-mark, .page-node-add-annonce .form-item-field-quelcontrat-und-0-field-tempsdetravail-und .mandatory_field-mark, .node-type-annonce .form-item-field-quelcontrat-und-0-field-statut-und .mandatory_field-mark, .node-type-annonce .form-item-field-quelcontrat-und-0-field-tempsdetravail-und .mandatory_field-mark {
    display: inline-block;
    float: none;
    padding-top: 0;
    padding-left: 5px
    }
.page-node-add-annonce .group-toules-statuts h2, .node-type-annonce .group-toules-statuts h2 {
    position: absolute;
    right: 38px;
    top: 18px;
    padding-bottom: 0;
    width: 180px;
    text-align: right
    }
.page-node-add-annonce .group-toules-statuts a, .node-type-annonce .group-toules-statuts a {
    font-size: 12px;
    font-size: 1.2rem
    }
.page-node-add-annonce .field-name-field-tempsdetravail, .node-type-annonce .field-name-field-tempsdetravail {
    padding-top: 20px
    }
.page-node-add-annonce #info_perso-dispo, .node-type-annonce #info_perso-dispo {
    display: none
    }
.page-node-add-annonce .form-item-field-horairestravail-und, .node-type-annonce .form-item-field-horairestravail-und {
    padding-left: 150px;
    height: 15px
    }
.page-node-add-annonce .form-item-field-horairestravail-und-0 > label, .node-type-annonce .form-item-field-horairestravail-und-0 > label {
    margin-left: -5px
    }
.page-node-add-annonce #dispo-help, .node-type-annonce #dispo-help {
    margin-top: -30px
    }
.page-node-add-annonce #edit-field-horaires-travail, .node-type-annonce #edit-field-horaires-travail {
    width: 100%
    }
.page-node-add-annonce .timetab-head, .node-type-annonce .timetab-head {
    background: none
    }
.page-node-add-annonce .timetab-data-empty, .node-type-annonce .timetab-data-empty {
    background: #fff
    }
.page-node-add-annonce .form-item-field-avantagesposte-und-0-value, .page-node-add-annonce .form-item-field-remarquesposte-und-0-value, .node-type-annonce .form-item-field-avantagesposte-und-0-value, .node-type-annonce .form-item-field-remarquesposte-und-0-value {
    position: relative
    }
.page-node-add-annonce .form-item-field-avantagesposte-und-0-value .form-textarea-wrapper, .page-node-add-annonce .form-item-field-remarquesposte-und-0-value .form-textarea-wrapper, .page-node-add-annonce .form-item-field-avantagesposte-und-0-value .description, .page-node-add-annonce .form-item-field-remarquesposte-und-0-value .description, .node-type-annonce .form-item-field-avantagesposte-und-0-value .form-textarea-wrapper, .node-type-annonce .form-item-field-remarquesposte-und-0-value .form-textarea-wrapper, .node-type-annonce .form-item-field-avantagesposte-und-0-value .description, .node-type-annonce .form-item-field-remarquesposte-und-0-value .description {
    width: 450px
    }
.page-node-add-annonce .form-item-field-avantagesposte-und-0-value .form-textarea-wrapper, .page-node-add-annonce .form-item-field-remarquesposte-und-0-value .form-textarea-wrapper, .node-type-annonce .form-item-field-avantagesposte-und-0-value .form-textarea-wrapper, .node-type-annonce .form-item-field-remarquesposte-und-0-value .form-textarea-wrapper {
    left: 0;
    bottom: 0
    }
.page-node-add-annonce .field-name-field-avantagesposte + .mandatory_field-mark, .page-node-add-annonce .field-name-field-remarquesposte + .mandatory_field-mark, .node-type-annonce .field-name-field-avantagesposte + .mandatory_field-mark, .node-type-annonce .field-name-field-remarquesposte + .mandatory_field-mark {
    left: 600px !important;
    bottom: 90px !important
    }
.page-node-add-annonce .form-item-field-avantagesposte-und-0-value .description, .page-node-add-annonce .form-item-field-remarquesposte-und-0-value .description, .node-type-annonce .form-item-field-avantagesposte-und-0-value .description, .node-type-annonce .form-item-field-remarquesposte-und-0-value .description {
    font-size: 12px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value label, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value label, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text {
    float: left
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .page-node-add-annonce .wrapper-field.annonce-page2 .field-suffix, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .node-type-annonce .wrapper-field.annonce-page2 .field-suffix, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value {
    line-height: 34px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .page-node-add-annonce .wrapper-field.annonce-page2 .field-suffix, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value label, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value label, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .field-suffix, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value label, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text {
    margin-right: 7px
    }
.page-node-add-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value, .page-node-add-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .node-type-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value, .node-type-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value {
    min-width: 0 !important;
    width: auto !important
    }
.page-node-add-annonce #edit-field-quelcontrat-und-0-field-salairepropose, .node-type-annonce #edit-field-quelcontrat-und-0-field-salairepropose {
    padding-top: 10px
    }
.page-node-add-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .node-type-annonce .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value {
    padding-left: 0 !important
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireentre-und-0-value .form-text, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value .form-text {
    width: 60px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 #edit-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet, .node-type-annonce .wrapper-field.annonce-page2 #edit-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet {
    margin: 0
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-quelcontrat-und-0-field-salairepropose-und-0-field-salaireet-und-0-value {
    position: relative;
    padding-bottom: 40px
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .field-name-field-salairepropose .description, .node-type-annonce .wrapper-field.annonce-page2 .field-name-field-salairepropose .description {
    position: absolute;
    left: -143px;
    top: 29px
    }
.page-node-add-annonce #disabled-adresse_poste, .node-type-annonce #disabled-adresse_poste {
    display: none;
    position: absolute;
    z-index: 300;
    left: 0;
    top: 28px;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.6
    }
.page-node-add-annonce .group-titre-adresseposte .wrapper-field, .node-type-annonce .group-titre-adresseposte .wrapper-field {
    padding-bottom: 10px
    }
.page-node-add-annonce .field-name-field-codepostal, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-codepostal-und-0-value, .page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-codepostal-und-0-value .form-text, .node-type-annonce .field-name-field-codepostal, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-codepostal-und-0-value, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-codepostal-und-0-value .form-text {
    float: left
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-item-field-villeposte-und-0-value, .node-type-annonce .wrapper-field.annonce-page2 .form-item-field-villeposte-und-0-value {
    padding-left: 30px
    }
.page-node-add-annonce .group_titre_adresseposte .mandatory_field-mark, .page-node-add-annonce .field-name-field-villeposte + .mandatory_field-mark, .node-type-annonce .group_titre_adresseposte .mandatory_field-mark, .node-type-annonce .field-name-field-villeposte + .mandatory_field-mark {
    position: absolute !important;
    left: 600px
    }
.page-node-add-annonce .group_titre_adresseposte .mandatory_field-mark, .node-type-annonce .group_titre_adresseposte .mandatory_field-mark {
    top: 29px
    }
.page-node-add-annonce .field-name-field-villeposte + .mandatory_field-mark, .node-type-annonce .field-name-field-villeposte + .mandatory_field-mark {
    top: 73px
    }
.page-node-add-annonce #edit-delete, .node-type-annonce #edit-delete {
    display: none
    }
.page-node-add-annonce #wrapper-field-augmentez_visibilite, .node-type-annonce #wrapper-field-augmentez_visibilite {
    float: left;
    padding-bottom: 30px
    }
.page-node-add-annonce #edit-bundle-12-field-annonce-bundle, .node-type-annonce #edit-bundle-12-field-annonce-bundle {
    display: none !important
    }
.page-node-add-annonce .borders-rounded-wrap, .node-type-annonce .borders-rounded-wrap {
    float: left;
    padding-left: 150px;
    width: 535px;
    background: url(/sites/all/themes/jap/img/layout/arrow-white.png) no-repeat 85px center
    }
.page-node-add-annonce .borders-rounded-wrap + .borders-rounded-wrap, .node-type-annonce .borders-rounded-wrap + .borders-rounded-wrap {
    margin-top: 15px
    }
.page-node-add-annonce .borders-rounded, .node-type-annonce .borders-rounded {
    padding: 15px;
    width: 418px
    }
.page-node-add-annonce .borders-rounded .highlight, .node-type-annonce .borders-rounded .highlight {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic
    }
.page-node-add-annonce .borders-rounded .descriptive, .node-type-annonce .borders-rounded .descriptive {
    padding-bottom: 20px;
    width: 418px;
    font-size: 12px;
    font-size: 1.2rem;
    font-style: normal;
    text-align: left;
    color: #a9a9a9
    }
.page-node-add-annonce .borders-rounded .form-type-radio, .node-type-annonce .borders-rounded .form-type-radio {
    position: relative;
    padding: 0 0 8px 50px;
    width: 368px;
    font-style: normal
    }
.page-node-add-annonce .borders-rounded .form-type-radio input[type="radio"], .node-type-annonce .borders-rounded .form-type-radio input[type="radio"] {
    position: absolute;
    left: -9999px;
    top: 0
    }
.page-node-add-annonce .borders-rounded .form-type-radio .option, .node-type-annonce .borders-rounded .form-type-radio .option {
    display: inline-block;
    margin: -5px 0 0 -30px;
    padding: 5px 0 5px 30px
    }
.page-node-add-annonce #views-form-commerce-cart-form-default, .node-type-annonce #views-form-commerce-cart-form-default {
    float: left;
    padding-top: 28px;
    width: 100%;
    text-align: right
    }
.page-node-add-annonce #annonces_recruteur-recap .group-text, .node-type-annonce #annonces_recruteur-recap .group-text {
    line-height: 24px
    }
.page-node-add-annonce #annonces_recruteur-recap .group-text + .group-text, .node-type-annonce #annonces_recruteur-recap .group-text + .group-text {
    padding-top: 30px
    }
.page-node-add-annonce #annonces_recruteur-recap .descriptive, .node-type-annonce #annonces_recruteur-recap .descriptive {
    font-style: normal
    }
.page-node-add-annonce #annonces_recruteur-recap .descriptive strong, .node-type-annonce #annonces_recruteur-recap .descriptive strong {
    font-style: italic;
    font-weight: normal
    }
.page-node-add-annonce a.form-button, .node-type-annonce a.form-button {
    display: inline-block;
    overflow: hidden;
    padding-top: 37px;
    border: 0;
    height: 0;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat
    }
.page-node-add-annonce #b-previousstep:link, .page-node-add-annonce #b-previousstep:visited, .node-type-annonce #b-previousstep:link, .node-type-annonce #b-previousstep:visited {
    float: left;
    margin-left: 150px;
    width: 219px;
    background-position: -545px -222px
    }
.page-node-add-annonce #b-previousstep:hover, .page-node-add-annonce #b-previousstep:focus, .page-node-add-annonce #b-previousstep:active, .node-type-annonce #b-previousstep:hover, .node-type-annonce #b-previousstep:focus, .node-type-annonce #b-previousstep:active {
    background-position: -545px -259px
    }
.page-node-add-annonce #s-subscribe, .node-type-annonce #s-subscribe {
    float: right;
    width: 301px;
    background-position: 0 -296px
    }
.page-node-add-annonce #s-subscribe:hover, .page-node-add-annonce #s-subscribe:focus, .node-type-annonce #s-subscribe:hover, .node-type-annonce #s-subscribe:focus {
    background-position: 0 -333px
    }
.page-node-add-annonce #popup-subscribe, .node-type-annonce #popup-subscribe {
    float: right;
    width: 132px;
    background-position: -408px 0;
    text-indent: -9999px;
    color: transparent;
    padding-top: 0;
    height: 37px;
    margin: -20px 0 20px 0
    }
.page-node-add-annonce .annonce-page2 label[for="edit-body-und-0-value"], .page-node-add-annonce .wrapper-field.annonce-page2 #edit-field-quelcontrat-und-0 > legend .fieldset-legend, .page-node-add-annonce .wrapper-field.annonce-page2 .field-group-format h3, .page-node-add-annonce .wrapper-field.annonce-page2 label[for="edit-field-horairestravail-und"], .page-node-add-annonce annonce-page2 .field-name-field-horairestravail .description, .page-node-add-annonce .wrapper-field.annonce-page2 .group_titre_adresseposte .description, .page-node-add-annonce .card-icons, .node-type-annonce .wrapper-field.annonce-page2 label[for="edit-body-und-0-value"], .node-type-annonce .wrapper-field.annonce-page2 #edit-field-quelcontrat-und-0 > legend .fieldset-legend, .node-type-annonce .wrapper-field.annonce-page2 .field-group-format h3, .node-type-annonce .wrapper-field.annonce-page2 label[for="edit-field-horairestravail-und"], .node-type-annonce .annonce-page2 .field-name-field-horairestravail .description, .node-type-annonce .wrapper-field.annonce-page2 .group_titre_adresseposte .description {
    display: none !important
    }
.page-node-add-annonce .wrapper-field.annonce-page2 #field-quelcontrat-add-more-wrapper .form-type-radio input[type="radio"].form-radio, .page-node-add-annonce #edit-field-horairestravail-und input[type="radio"].form-radio, .page-node-add-annonce .borders-rounded .form-type-radio input[type="radio"], .node-type-annonce .wrapper-field.annonce-page2 #field-quelcontrat-add-more-wrapper .form-type-radio input[type="radio"].form-radio, .node-type-annonce #edit-field-horairestravail-und input[type="radio"].form-radio, .node-type-annonce .borders-rounded .form-type-radio input[type="radio"], .node-type-annonce .form-type-checkbox input[type="checkbox"]#edit-field-horairestravail-und-0, .node-type-annonce .form-type-checkbox input[type="checkbox"]#edit-field-adresse-poste-identique-und-adresse-identique-celle-de-lentreprise {
    display: block !important;
    position: absolute !important
    }
.page-node-add-annonce .wrapper-field.annonce-page2 #field-quelcontrat-add-more-wrapper .form-type-radio input[type="radio"].form-radio, .page-node-add-annonce .form-type-checkbox input[type="checkbox"]#edit-field-horairestravail-und-0, .page-node-add-annonce .form-type-checkbox input[type="checkbox"]#edit-field-adresse-poste-identique-und-adresse-identique-celle-de-lentreprise, .node-type-annonce .wrapper-field.annonce-page2 #field-quelcontrat-add-more-wrapper .form-type-radio input[type="radio"].form-radio, .node-type-annonce .form-type-checkbox input[type="checkbox"]#edit-field-horairestravail-und-0, .node-type-annonce .form-type-checkbox input[type="checkbox"]#edit-field-adresse-poste-identique-und-adresse-identique-celle-de-lentreprise {
    display: block !important
    }
.page-node-add-annonce .timetab td .form-item, .node-type-annonce .timetab td .form-item {
    position: relative !important;
    overflow: hidden !important
    }
.page-node-add-annonce .timetab td .form-item .form-checkbox, .node-type-annonce .timetab td .form-item .form-checkbox {
    display: none !important
    }
.page-node-add-annonce .timetab td .form-item input[type="checkbox"], .node-type-annonce .timetab td .form-item input[type="checkbox"] {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
    top: 200px !important
    }
.page-node-add-annonce .dk_container, .node-type-annonce .dk_container {
    float: none
    }
.page-node-add-annonce .field-widget-options-select, .page-node-add-annonce #edit-field-contract, .page-node-add-annonce #edit-field-working-time, .page-node-add-annonce #edit-field-salaireentre, .page-node-add-annonce #autocomplete, .page-node-add-annonce #node_annonce_form_group_page2 #edit-field-avantagesposte .description, .page-node-add-annonce #node_annonce_form_group_page2 #edit-field-remarquesposte .description, .page-node-add-annonce #edit-field-salaire-variable, .page-node-add-annonce #edit-field-adresse-poste-identique, .page-node-add-annonce #node_annonce_form_group_page1 #edit-field-competencerequises .competences-description, .node-type-annonce .field-widget-options-select, .node-type-annonce #edit-field-contract, .node-type-annonce #edit-field-working-time, .node-type-annonce #edit-field-salaireentre, .node-type-annonce #autocomplete, .node-type-annonce #node_annonce_form_group_page2 #edit-field-avantagesposte .description, .node-type-annonce #node_annonce_form_group_page2 #edit-field-remarquesposte .description, .node-type-annonce #edit-field-salaire-variable, .node-type-annonce #edit-field-adresse-poste-identique, .node-type-annonce #node_annonce_form_group_page1 #edit-field-competencerequises .competences-description, .page-node-add-annonce .form-item-title .description, .node-type-annonce .form-item-title .description {
    margin-left: 150px
    }
.page-node-add-annonce #edit-field-salaireentre, .node-type-annonce #edit-field-salaireentre {
    float: left;
    margin-top: 30px
    }
.page-node-add-annonce #edit-field-salaireet, .node-type-annonce #edit-field-salaireet {
    float: left;
    margin-top: 30px
    }
.page-node-add-annonce #edit-field-horairestravail, .node-type-annonce #edit-field-horairestravail {
    float: left;
    margin-top: 30px
    }
.page-node-add-annonce .field-widget-options-select, .node-type-annonce .field-widget-options-select {
    width: 449px
    }
.page-node-add-annonce label, .node-type-annonce label {
    display: block;
    margin: 0 0 15px
    }
.page-node-add-annonce #node_annonce_form_group_page1 label, .page-node-add-annonce #node_annonce_form_group_page2 #edit-field-avantagesposte label, .page-node-add-annonce #node_annonce_form_group_page2 #edit-field-remarquesposte label, .node-type-annonce #node_annonce_form_group_page1 label, .node-type-annonce #node_annonce_form_group_page2 #edit-field-avantagesposte label, .node-type-annonce #node_annonce_form_group_page2 #edit-field-remarquesposte label {
    font-size: 1.8rem
    }
.page-node-add-annonce input[type="checkbox"].competence, .node-type-annonce input[type="checkbox"].competence {
    display: inline-block;
    margin-right: 5px
    }
.page-node-add-annonce div.competences, .page-node-add-annonce div.competences_added, .node-type-annonce div.competences {
    font-size: 1rem;
    margin: 15px 0 15px 150px
    }
.node-experience-form .competences_added .new_competence, .page-node-add-annonce div.competences_added .new_competence, .page-node-add-annonce div.competences_added .new_competence, .node-type-annonce div.competences_added .new_competence {
    border: 1px solid #DADADA;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    padding: 6px 8px;
    width: 402px;
    margin-bottom: 15px
    }
.node-experience-form .competences_added .button_del_competence {
    margin: 0 !important
    }
.page-node-add-annonce div.competences_added .new_competence .label_competence span:before {
    display: none;
    background: none
    }
div.competences_added .new_competence .label_competence {
    width: 370px
    }
.page-node-add-annonce #node_annonce_form_group_page1 div.competences_added label.label_competence, .page-node-add-annonce #node_annonce_form_group_page1 div.competences label.label_competence, .node-type-annonce #node_annonce_form_group_page1 div.competences label.label_competence, .node-type-annonce #node_annonce_form_group_page1 div.competences_added label.label_competence, .page-node-add-annonce #node_annonce_form_group_page1 div.competences-description, .node-type-annonce #node_annonce_form_group_page1 div.competences-description {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0
    }
.page-node-add-annonce label.options, .node-type-annonce label.options {
    display: block;
    font-size: 1.3rem;
    margin: -5px 0 15px
    }
.page-node-add-annonce .form-radios label.option, .node-type-annonce .form-radios label.option {
    display: inline-block
    }
.page-node-add-annonce .wrapper-field.annonce-page2 .form-type-radio, .node-type-annonce .wrapper-field.annonce-page2 .form-type-radio {
    display: inline-block
    }
.page-node-add-annonce #edit-field-job-experience label, .page-node-add-annonce #edit-field-education label, .page-node-add-annonce #edit-field-salaire-variable label, .page-node-add-annonce #edit-field-adresseposte label, .page-node-add-annonce #edit-field-codepostal label, .page-node-add-annonce #edit-field-villeposte label, .page-node-add-annonce #edit-field-adresse-poste-identique label[for="edit-field-adresse-poste-identique-und"], .node-type-annonce #edit-field-job-experience label, .node-type-annonce #edit-field-education label, .node-type-annonce #edit-field-salaire-variable label, .node-type-annonce #edit-field-adresseposte label, .node-type-annonce #edit-field-codepostal label, .node-type-annonce #edit-field-villeposte label, .node-type-annonce #edit-field-adresse-poste-identique label[for="edit-field-adresse-poste-identique-und"], #edit-field-competencerequises-und, .page-node-add-annonce div.competences span.form-checkbox, .page-node-add-annonce div.competences_added span.form-checkbox, .node-type-annonce div.competences span.form-checkbox, .node-type-annonce div.competences_added span.form-checkbox {
    display: none
    }
.page-node-add-annonce #edit-field-salaireentre input, .page-node-add-annonce #edit-field-salaireet input, .node-type-annonce #edit-field-salaireentre input, .node-type-annonce #edit-field-salaireet input {
    margin-left: 0;
    width: 45px
    }
.page-node-add-annonce #edit-field-salaire-variable input, .node-type-annonce #edit-field-salaire-variable input {
    margin-left: 0;
    width: 300px
    }
.page-node-add-annonce .annonce-page2, .page-node-add-annonce #node_annonce_form_group_page2, .node-type-annonce .annonce-page2, .node-type-annonce #node_annonce_form_group_page2 {
    font-size: 14px
    }
.page-node-add-annonce #edit-field-competencerequises .description, .node-type-annonce #edit-field-competencerequises .description, .page-node-add-annonce .form-item-title .description, .node-type-annonce .form-item-title .description {
    font-size: 12px
    }
.page-node-add-annonce label[for=edit-title], .node-type-annonce label[for=edit-title] {
    font-size: 1.8rem;
    color: #000
    }
.page-node-add-annonce .salaire-description, .node-type-annonce .salaire-description {
    font-size: 12px;
    color: #bbb;
    margin-left: 250px;
    margin-right: 85px;
    position: relative;
    top: -8px
    }
.page-node-add-annonce .adresse-description, .node-type-annonce .adresse-description {
    font-size: 12px;
    color: #bbb;
    margin-left: 150px;
    position: relative;
    top: -8px;
    font-style: normal
    }
.page-node-add-annonce .wrap-timetab, .node-type-annonce .wrap-timetab {
    float: none;
    margin-top: 0
    }
.page-node-add-annonce .timetab, .node-type-annonce .timetab {
    margin-left: 43px
    }
.page-node-add-annonce label[for="edit-field-horairestravail-und-0"], .node-type-annonce label[for="edit-field-horairestravail-und-0"] {
    display: inline-block;
    margin-left: 0;
    padding-left: 23px
    }
.page-node-add-annonce #edit-field-codepostal-und-0-value, .node-type-annonce #edit-field-codepostal-und-0-value {
    width: 140px
    }
.page-node-add-annonce #edit-field-villeposte-und-0-value, .node-type-annonce #edit-field-villeposte-und-0-value {
    width: 230px;
    margin-left: 10px
    }
.page-node-add-annonce #edit-field-adresse-poste-identique .form-item-field-adresse-poste-identique-und, .node-type-annonce #edit-field-adresse-poste-identique .form-item-field-adresse-poste-identique-und {
    margin-bottom: 0
    }
.page-node-add-annonce .multipage-controls-list input.form-submit, .page-node-add-annonce .multipage-controls-list input.form-submit:hover, .page-node-add-annonce .multipage-controls-list input#edit-submit, .page-node-add-annonce .multipage-controls-list input#edit-submit:hover, .node-type-annonce .multipage-controls-list input.form-submit, .node-type-annonce .multipage-controls-list input.form-submit:hover, .node-type-annonce .multipage-controls-list input#edit-submit, .node-type-annonce .multipage-controls-list input#edit-submit:hover {
    text-indent: -9999px;
    color: transparent;
    padding-top: 0;
    height: 37px
    }
.page-node-add-annonce #edit-field-contract, .node-type-annonce #edit-field-contract {
    width: 500px
    }
#annonce-node-form .one-sidebars, .page-node-options .one-sidebar {
    width: 685px
    }
.page-node-add-annonce .form-item-title .description, .node-type-annonce .form-item-title .description {
    width: 450px
    }
div.competences_ajouter a.button_add_competence {
    border: 0;
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons-small.png) no-repeat;
    float: right;
    width: 80px;
    background-position: -84px -54px;
    height: 26px;
    text-indent: -9999px;
    color: transparent;
    margin: 4px 20px 0 0
    }
.competences_ajouter input#add_competence {
    width: 400px
    }
.node-experience-form .competences_ajouter input#add_competence {
    width: 380px;
    margin: 20px 0
    }
.node-experience-form .competences_ajouter .button_add_competence {
    margin: 23px 0
    }
div.competences a.button_del_competence, div.competences_added a.button_del_competence {
    border: 0;
    background: url(/sites/all/themes/jap/img/layout/icon-delete.png) no-repeat;
    float: right;
    width: 20px;
    background-position: 0 0;
    height: 20px;
    text-indent: -9999px;
    color: transparent;
    margin: -18px 0 0 0
    }
.tabs.ui-widget-content {
    border: 0
    }
.ui-widget-header {
    background: none;
    border: 0
    }
.page-annonce .documents_links {
    font-size: 12px
    }
.page-annonce .documents_links .size {
    color: #A9A9A9
    }
.page-node-add-annonce .annonce-page2 #edit-field-contract, .page-node-add-annonce .annonce-page2 #edit-field-working-time, .page-node-add-annonce .annonce-page2 #edit-field-salaireentre, .page-node-add-annonce .annonce-page2 #edit-field-salaire-variable, .page-node-add-annonce .annonce-page2 #edit-field-horairestravail span {
    font-style: italic
    }
.page-node-options a.cancel_form {
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat;
    background-position: -545px -222px;
    border: 0;
    height: 37px;
    overflow: hidden;
    width: 220px;
    float: right;
    margin-right: 13px;
    text-indent: -9999px;
    line-height: 36px !important
    }
.page-node-options a.cancel_form:hover {
    background-position: -545px -259px
    }
.page-node-options .form-item-condition-general {
    float: none
    }
.page-node-options input.form-submit {
    background: url(/sites/all/themes/jap/img/layout/sprite-buttons.png) no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat no-repeat;
    border: 0;
    height: 37px;
    overflow: hidden;
    width: 112px;
    float: right !important;
    text-indent: -9999px;
    line-height: 36px !important
    }
.page-node-options input.form-submit:hover {
    background-position: 0 -37px
    }
.page-node-options .form-item-coupon {
    float: left;
    margin-bottom: 20px
    }
.page-node-options .add_coupon {
    float: left;
    border: 0;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 5px 0 0 10px
    }
.page-node-options .recap_options, .page-node-options .description_pack_profils, .page-node-options #pack_profils, .page-node-options .form-item-condition-general, .page-node-options .form-item-coupon, .page-node-options form > div > div.form-item-annonce-attractive, .page-node-options form > div > div.form-item-annonce-urgente, .page-node-options form > div > div.form-item-annonce-premium {
    margin-left: 150px
    }
.page-node-options .condition_general {
    margin-bottom: 20px
    }
.page-node-options .form-item-pack-profils label span p {
    display: inline-block
    }
.ie7 .page-node-options .form-item-pack-profils label span p {
    display: inline
    }
.page-node-options .messages.status {
    display: none
    }
#coupon {
    width: 330px
    }
.top-description {
    margin: 2px 85px 5px 150px;
    font-size: 12px
    }
.form-item-field-quelposte-und .description-top {
    margin: 2px 5px 5px 150px;
    font-size: 11px
    }
#dk_container_edit-field-industry-und a.dk_toggle {
    width: 395px !important
    }
#dk_container_edit-field-industry-und a.dk_toggle .dk_label {
    width: 400px !important;
    display: inline-block;
    overflow: hidden
    }
#dk_container_edit-field-industry-und .dk_options {
    width: 540px
    }
.div_arrow_white {
    display: block;
    float: left;
    padding-left: 100px;
    width: 50px;
    height: 50px;
    margin-top: 60px;
    background: url(/sites/all/themes/jap/img/layout/arrow-white.png) no-repeat 85px center
    }
.annonce_option_box {
    display: block;
    width: 410px;
    float: left;
    padding: 15px 15px 0 15px;
    margin: 10px 0;
    border: 1px solid #dadada;
    border-radius: 5px
    }
.ie7 .annonce_option_box {
    padding-bottom: 15px
    }
.annonce_option_box label {
    font-family: "GothamRounded-Medium", verdana, sans-serif;
    font-size: 1.5rem;
    color: #E50083;
    font-weight: normal;
    font-style: italic
    }
.annonce_option_box .form-type-radio {
    clear: both;
    float: left
    }
.annonce_option_box .form-radios label {
    margin-left: 50px;
    font-family: verdana, sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #555;
    font-weight: normal;
    font-style: normal
    }
.annonce_option_box .description {
    clear: both;
    float: left;
    margin-bottom: 20px;
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #a9a9a9;
    font-weight: normal;
    font-style: normal
    }
.annonce_option_box .punchy {
    color: #000;
    display: inline;
    font-family: "Lobster", cursive;
    font-size: 18px
    }
.annonce_option_box .icon-check-black {
    background: url(/sites/all/themes/jap/img/layout/icon-check-black.png) center left no-repeat;
    padding-left: 20px
    }
.annonce_evenementiel {
    display: block;
    position: relative;
    margin: 10px 0 10px 150px;
    width: 400px;
    padding: 15px 20px;
    color: #555;
    border: 1px solid #f7c34d;
    border-radius: 5px;
    background: #fff9ed no-repeat 85px center;
    font-size: 14px
    }
.annonce_evenementiel b {
    color: #e49b00;
    line-height: 25px
    }
.annonce_evenementiel i {
    color: #E50083;
    line-height: 16px;
    font-size: 14px
    }
.annonce_evenementiel em {
    font-style: italic;
    color: #000
    }
.annonce_evenementiel label {
    font-style: italic;
    margin-bottom: 0.5em
    }
.annonce_evenementiel .big {
    font-size: 1.3em
    }
.annonce_evenementiel .metier, .recap_options .metier, .annonce_evenementiel .contrat, .recap_options .contrat, .annonce_evenementiel .temps_travail, .recap_options .temps_travail, .annonce_evenementiel .prix, .recap_options .prix, .recap_options .prix_total {
    color: #000;
    font-style: italic
    }
.checkbox-tick {
    display: block;
    float: left;
    width: 20px;
    height: 55px;
    background: transparent url(/sites/all/themes/jap/img/layout/checkbox-tick.png) left top no-repeat
    }
.annonce_evenementiel.ribbons {
    padding: 23px 0;
    width: 440px
    }
.annonce_evenementiel.ribbons p {
    padding: 0 20px;
    font-size: inherit
    }
.annonce_evenementiel.ribbons span p {
    padding: 0
    }
.annonce_evenementiel .ribbon-top-left {
    position: absolute;
    top: -5px;
    left: -6px;
    width: 56px;
    height: 54px;
    background: url(/sites/all/themes/jap/img/layout/ribbon-top-left.png) top left no-repeat
    }
.annonce_evenementiel .ribbon-bottom-right {
    position: absolute;
    bottom: -9px;
    right: -7px;
    width: 57px;
    height: 57px;
    background: url(/sites/all/themes/jap/img/layout/ribbon-bottom-right.png) top left no-repeat
    }
.annonce_evenementiel .sep-plus-yellow {
    display: block;
    margin: 10px 0;
    height: 32px;
    background: url(/sites/all/themes/jap/img/layout/sep-plus-yellow.png) center center no-repeat
    }
.annonce_evenementiel .form-item .item_price {
    color: #E49B00;
    font-weight: bold
    }
.annonce_evenementiel #pack_profils {
    margin-left: 20px;
    margin-bottom: 0
    }
.annonce_evenementiel .form-item-pack-profils {
    margin-left: 0
    }
#pack_profils {
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px
    }
.description_pack_profils {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px
    }
.description_pack_profils_baseline {
    font-size: 15px
    }
.description_pack_profils_baseline b {
    color: #E50083
    }
.form-item-pack-profils {
    float: left;
    clear: both
    }
.recap_options .visualiser {
    font-size: 11px
    }
.recap_options .prix_total {
    font-weight: 700
    }
.recap_options .hors_taxe {
    font-size: 10px
    }
.form-item-annonce-publish {
    display: none
    }
.page-node-add-annonce #edit-field-job-experience, .node-type-annonce #edit-field-job-experience, .page-node-add-annonce #edit-field-education, .node-type-annonce #edit-field-education {
    padding: 15px 0 60px
    }
.photos_list {
    width: 690px;
    height: 140px;
    overflow: auto;
    background: white;
    white-space: nowrap;
    margin: 0 auto;
    text-align: left
    }
.photos_list .photo img {
    height: 110px;
    border: 4px solid white
    }
.photos_list .selected img {
    border: 4px solid orange
    }
.photos_list .selected.premier img {
    border: 4px solid #E50083
    }
.group-multipage-1 #edit-preview-changes {
    display: none
    }
#replace_poste_by {
    clear: both;
    display: block;
    width: 680px
    }
.page-recommandation-reponse #wrapper > div:before, .page-recommandation-reponse #wrapper > div:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
    }
.page-recommandation-reponse #wrapper > div:after {
    clear: both
    }
.page-recommandation-reponse #wrapper > div {
    zoom: 1
    }
.page-recommandation-candidat #jap-profil-candidat-recommandation-reponse-form {
    padding-bottom: 15px
    }
.page-recommandation-reponse .recruteur_page form {
    width: 685px
    }
.page-recommandation-reponse .recruteur_page form > div {
    padding: 27px 0 0 150px;
    width: 450px
    }
.page-recommandation-reponse .recruteur_page .form-item-prenom, .page-recommandation-reponse .recruteur_page .form-item-nom {
    padding-left: 10px
    }
.page-recommandation-reponse .recruteur_page .form-item-prenom input[type="text"], .page-recommandation-reponse .recruteur_page .form-item-nom input[type="text"] {
    width: 140px
    }
.page-recommandation-reponse .recruteur_page #dk_container_edit-civilite .dk_toggle {
    width: 54px !important
    }
.page-recommandation-reponse .recruteur_page #dk_container_edit-vous-etes .dk_toggle {
    width: 394px !important
    }
.page-recommandation-candidat textarea, .page-recommandation-reponse textarea {
    width: 450px;
    height: 95px;
    resize: none
    }
.page-recommandation-reponse .recruteur_page input[type="submit"] {
    float: right;
    background-position: -540px 0;
    width: 122px
    }
.page-recommandation-reponse .recruteur_page input[type="submit"]:hover, .page-recommandation-reponse .recruteur_page input[type="submit"]:focus {
    background-position: -540px -37px
    }
.page-recommandation-reponse .recruteur_page, .page-recommandation-reponse .recruteur_page .image, .page-recommandation-reponse .recruteur_page .texte, .page-recommandation-reponse .recruteur_page form, .page-recommandation-reponse .recruteur_page .form-item, .page-recommandation-reponse .recruteur_page .hr-default {
    float: left
    }
.page-recommandation-candidat .candidat_page, .page-recommandation-reponse .recruteur_page {
    margin-left: 0;
    width: 685px
    }
.page-recommandation-candidat .region-content .hr-default, .page-recommandation-reponse .recruteur_page .hr-default {
    float: left;
    margin-top: 15px;
    padding: 0;
    width: 100%
    }
.page-recommandation-candidat .recommandation-candidat-reponse-header-photo, .page-recommandation-reponse .recruteur_page .image {
    padding: 5px 5px 8px 5px;
    width: 60px;
    height: 60px;
    border: 0;
    background: url(/sites/all/themes/jap/img/layout/bkg-photo-small.jpg) no-repeat 0 0
    }
.page-recommandation-candidat .recommandation-candidat-reponse .recommandation-candidat-reponse-header-text, .page-recommandation-reponse .recruteur_page .texte {
    margin-left: 0;
    padding: 10px 0 0 10px;
    width: 605px;
    height: auto
    }
#recommandation .reco_experience {
    font-weight: bold;
    margin: 10px 0 20px 0;
    font-size: 1.3rem
    }
#tooltip {
    position: absolute;
    z-index: 3000;
    padding-bottom: -50px;
    width: 400px;
    background: none
    }
#timeline ul {
    position: absolute;
    margin: 0;
    top: 225px;
    left: 0;
    height: 25px;
    background-color: #eaeaea
    }
#timeline li {
    float: left;
    padding-top: 10px;
    width: 120px;
    height: 15px;
    list-style: none;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-style: italic;
    background: #eaeaea url(/sites/all/themes/jap/img/timeline/barre.jpg) repeat-x left top
    }
#experience li {
    position: absolute;
    top: 135px;
    height: 90px;
    list-style: none
    }
#experience li h3, #experience li article {
    position: absolute;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal
    }
#experience li article p {
    text-align: center;
    color: #E50083;
    background-color: #fff;
    font-size: 1.3rem
    }
#experience time, #experience .time {
    display: none
    }
#experience li.yellow {
    background: #fce295
    }
#experience li.yellow h3 {
    top: -50px
    }
#experience li.yellow article {
    top: -35px
    }
#experience li.yellow article {
    padding-bottom: 30px;
    background: url(/sites/all/themes/jap/img/timeline/bg_yellow.jpg) repeat-y center center
    }
#experience li.gray {
    background: #bbb
    }
#experience li.gray h3 {
    top: -60px
    }
#experience li.gray article {
    top: -45px
    }
#experience li.gray article {
    padding-bottom: 40px;
    background: url(/sites/all/themes/jap/img/timeline/bg_gray.jpg) repeat-y center center
    }
#timeline_wrapper {
    margin: 0 auto;
    width: 662px;
    border: 1px solid #dadada
    }
#timeline_wrapper .viewport {
    position: relative;
    width: 662px;
    height: 250px;
    overflow: hidden
    }
#timeline_wrapper .overview {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0
    }
#timeline_wrapper .scrollbar {
    clear: both;
    position: relative;
    height: 15px;
    background: transparent url(/sites/all/themes/jap/img/scrollbar/bg-scrollbar-track-x.png) no-repeat 0 0
    }
#timeline_wrapper .track {
    position: relative;
    width: 100%;
    height: 15px;
    background: transparent url(/sites/all/themes/jap/img/scrollbar/bg-scrollbar-trackend-x.png) no-repeat 100% 0
    }
#timeline_wrapper .thumb {
    position: absolute;
    left: -5px;
    top: -5px;
    height: 25px;
    background: transparent url(/sites/all/themes/jap/img/scrollbar/bg-scrollbar-thumb-x.png) repeat-x 0 50%;
    cursor: pointer
    }
#timeline_wrapper .thumb .end {
    background: transparent url(/sites/all/themes/jap/img/scrollbar/bg-scrollbar-thumb-x.png) no-repeat 100% 50%;
    height: 25px;
    width: 5px;
    float: right
    }
#timeline_wrapper .disable {
    display: none
    }