/*GENERAL*/

html {
    background: #fff;
}

.content,
.content * {
    box-sizing: border-box;
}

.content, .home-content {
    width: 100%;
    margin: 0;
}

.col-center {
    float: right;
    width: calc(100% - 215px);
    margin: 0;
}

.col-center.no-sidebar {
    width: 100%;
}

@media (max-width: 1000px) {
    .col-center {
        width: 100%;
    }
}

h1 {
    margin: 0 0 20px 0;
    padding-top: 0;
}

p {
    line-height: 150% !important;
}

h3.orange {
    background: url(/theme/espace-recruteur/images/h2-orange.gif) no-repeat 1px 5px;
    border-bottom: 1px solid #C8DAE9;
    width: 92%;
    margin: 10px 0 0 10px;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579D;
    padding-left: 25px;
}

h2.orange {
    background: url(/theme/espace-recruteur/images/h2-orange.gif) no-repeat top 6px left 8px;
    border-bottom: 1px solid #C8DAE9;
    padding: 0 0 5px 30px;
    margin: 10px 0 10px 0;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579D;
}

h2.check-orange {
    background: url(/theme/espace-recruteur/images/check-orange.jpg) no-repeat 1px 1px;
    border-bottom: 1px solid #C8DAE9;
    padding: 0 0 10px 35px;
    margin: 10px 0 0 10px;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #f6983c;
}

h2.orange-nosquare {
    background: none;
    border-bottom: 0;
    padding: 0;
    margin: 10px 0 0 0;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e58d34;
}

.inline {
    display: inline !important;
}

.nomargin {
    margin: 0 !important;
}

.mgt10 {
    margin-top: 10px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt30 {
    margin-top: 30px;
}

.mgl30 {
    margin-left: 30px;
}

.mgl25 {
    margin-left: 25px;
}

.mgt15 {
    margin-top: 15px;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgl10 {
    margin-left: 10px;
}

.mgt0 {
    margin-top: 0 !important;
}

.fs-13 {
    font-size: 13px;
}

.fs-11 {
    font-size: 11px;
}

.left {
    float: left;
}

.float-none {
    float: none !important;
}

.align-right {
    text-align: right;
}

.fullwidth {
    width: 100%;
}

.pdl5 {
    padding-left: 5px;
}

.pdl20 {
    padding-left: 20px !important;
}

.underline-h2 {
    border-bottom: 1px solid #C8DAE9;
    padding-bottom: 10px;
}

.picto-h2 {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

.light {
    font-weight: 400;
}

.noborder {
    border: none;
}

.no-underline {
    text-decoration: none !important;
}

.w-auto {
    width: auto !important;
}

.lh20 {
    line-height: 20px !important;
}

.text-indent {
    padding-left: 18px;
}

.block {
    display: block;
}

/* Barre de navigation verticale */
.menu-left {
    float: left;
    position: relative;
    width: 194px;
    padding: 10px;
    background: #EFF0F1;
    box-shadow: 0 3px 5px #B6B6B6;
    border-radius: 10px;
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
    .menu-left {
        width: 100%;
    }
}

.menu-left h2 {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0 0 10px;
    background: none;
    padding: 0 0 5px;
}

.menu-left ul {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.menu-left .retour {
    margin-bottom: 0;
}

.menu-left .btn-deco {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto 10px;
}

.menu-left .btn-deco a {
    margin: 0;
}

.menu-left .button-orange {
    padding: 5px 10px;
    font-size: 18px;

}

.menu-left ul li a {
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #C8DAE9;
    display: block;
    text-decoration: none;
}

.menu-left ul .hasSubMenu a {
    border-bottom: 0;
}

.menu-left ul .hasSubMenu {
    border-bottom: 1px solid #C8DAE9;
}

.menu-left ul .hasSubMenuMobile ol,
.menu-left ul .hasSubMenu ol {
    display: none;
}

.menu-left ul .hasSubMenuMobile.selected ol,
.menu-left ul .hasSubMenu.selected ol {
    display: block;
}

.menu-left ul ol li a {
    margin: 10px 0 10px 15px;
    padding: 0 0 0 5px;
    border: 0;
    position: relative;
}

.menu-left ul ol li a:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #5895c4;
}

.menu-left ul ol li a:first-child {
    margin-top: 0;
}

.menu-left .selected {
    font-weight: 700;
}

.menu-left .completed {
    font-weight: 400;
}

.menu-left li {
    font-weight: 400;
}

.menu-left ul > li > a {
    position: relative;
    padding-left: 15px;
}

.menu-left ul > li > a:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e48d37;
}

.menu-left ul > li.selected > a:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e48d37;
}

.menu-left ul > li:first-child > a:before {
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #e48d37;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    padding: 0;
}

.menu-left ul > li.selected:first-child > a:before {
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #e48d37;
    border-bottom: 0 none transparent;
    border-left: 0 none transparent;
    border-right: 0 none transparent;
    border-top: 0 none transparent;
    padding: 0;
}

.menu-left ul .last .button-orange {
    margin: 10px auto 0;
    font: 700 16px/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.menu-left ul ol li a:before,
.menu-left ul .last a:before {
    content: "";
}

.menu-left ol a:before {
    content: ".";
    color: #3279B3;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-top: -5px;
}

.menu-left .hasSubMenu.selected > a {
    font-weight: 700;
}

.menu-left ol li.selected > a {
    font-weight: 700;
}

.button-orange, .content .button-orange {
    text-decoration: none;
    background: rgb(246, 152, 60);
    box-shadow: -1px 5px 15px -5px rgb(246 152 60 / 62%);
    &:hover{
        background: #f7a250;
        box-shadow: -1px 5px 15px -5px rgb(247 162 80 / 62%);
    }

}

.box-tbd {
    /*border-bottom: 1px solid #C8DAE9;*/
    position: relative;
    width: 100%;
    padding: 0 0 10px;
    margin: 20px 0;
    float: left;
}

h2.uppercase {
    background: none;
    margin: 0;
    text-transform: uppercase;
    padding-left: 10px;
    border: 0;
}

/* TABLEAU DE BORD BLOC MES SERVICES */

.service-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    min-height: 100px;
}

.service-top-actif {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    min-height: 160px;
}

.service-bottom {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #eff0f1;
    border: 1px solid #c8dae9;
    border-top: 0;
}

.block {
    display: block;
}

.CTA-service {
    color: #f6983c;
    font-size: 18px;
    text-align: center;
    min-height: 50px;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    line-height: 140%;
}

.titre-bloc {
    margin: 0;
    padding: 0;
    background: none;
    margin-bottom: 10px;
    font-size: 17px;
}

.orange-arrow {
    position: relative;
    left: 5px;
}

.blue-arrow {
    position: relative;
    left: 5px;
}

.right-link {
    text-align: right;
    color: #3279b3;
}

/* TABLEAU DE BORD BLOC MES ANNONCES */

.bloc-annonce {
    border: 1px solid #c8dae9;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    float: left;
}

.bloc-annonce .row1 {
    background: #fafbfd;
    display: table;
    width: 100%;
    padding: 10px 0;
}

.first-row {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.bloc-annonce .row2 {
    display: table;
    width: 100%;
    padding: 10px 0;
}

.last-row {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.s-row {
    min-height: 65px;
}

div.description {
    width: 55%;
}

div.description-candidature {
    width: 58%;
    padding-left: 10px;
}

#ongletBrouillon * {
    box-sizing: border-box;
}

#ongletBrouillon .description {
    float: left;
    width: 100%;
}

#ongletBrouillon .col-gauche {
    float: left;
    width: 50%;
}

#ongletBrouillon .col-droite {
    float: left;
    width: 50%;
}

@media (max-width: 1000px) {
    #ongletBrouillon .col-gauche,
    #ongletBrouillon .col-droite {
        width: 100%;
    }
}

#ongletBrouillon #menu {
    float: left;
    width: 120px;
    height: 20px;
    clear: both;
}

#ongletBrouillon .btn-obtenir-devis {
    float: right;
    text-align: right;
    padding: 10px;
}

@media (max-width: 1000px) {
    #ongletBrouillon .btn-obtenir-devis {
        text-align: left;
    }
}

#ongletBrouillon .btn-obtenir-devis a {
    margin: 0;
    display: inline-block;
    float: right;
}

@media (max-width: 1000px) {
    #ongletBrouillon .btn-obtenir-devis a {
        float: left;
    }
}

#ongletEnLigne,
#ongletBrouillon,
#ongletHorsLigne,
#ongletArchivee {
    width: 100% !important;
}

.picto-candidature {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.bloc-link-candidature {
    width: 100%;
    float: left;
    padding-left: 10px;
    margin-top: 20px;
}

.border-bottom-cadre {
    border-bottom: 1px solid #c8dae9;
}

.bloc-button-candidature {
    float: right;
    width: 40%;
}

.btn-candidature {
    margin: 20px 10px 0 0 !important;
}

.link-candidature {
    display: inline;
    padding-right: 10px;
}

.link-candidature a {
    text-decoration: underline;
}

.candidature-vide {
    color: #454545;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    margin-top: 15px;
}

div.description p {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    padding-left: 10px;
}

p.title,
p.title a {
    color: #e48d37;
    font-size: 18px;
}

p.number {
    color: #454545;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

p.expiration {
    color: #454545;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

div.description, div.nb-view, div.nb-apply, div.univers-annonce {
    display: table-cell;
    vertical-align: middle;
}

div.nb-view, div.nb-apply {
    width: 10%;
}

div.univers-annonce {
    width: 20%;
    text-align: center;
}

.col-droite div.univers-annonce {
    padding-top: 10px;
}

div.univers-annonce img {
    min-width: 70px;
    max-width: 100%;
}

@media (max-width: 500px) {
    div.univers-annonce {
        width: 25%;
    }

    .col-droite div.univers-annonce {
        width: 110px;
    }
}

div.nb-view p, div.nb-apply p {
    text-align: center;
    color: #3279b3;

}

@media screen and (max-width: 930px) {
    div.description {
        width: 50%;
    }

    div.nb-view, div.nb-apply {
        width: 25%;
        float: left;
    }
}

.candidature-action-line {
    float: left;
    width: 100%;
    min-height: 40px;
    margin-left: 20px;
}

.tabPanel-widget input.candidature-action-line-checkbox {
    float: left;
    position: static;
    margin-right: 10px;
}

.action-line-picto {
    position: relative;
    top: 8px;
    margin-right: 5px;
    float: left;
    margin-left: 10px;
}

.action-line-picto2 {
    position: relative;
    top: 4px;
    margin-right: 5px;
    margin-left: 25px;
}

#menu.action-candidature-menu {
    float: left;
    z-index: 1000;
    margin: 0 20px 10px 0;
    font-size: 13px;
    line-height: 13px;
}

#menu.action-candidature-menu > li > a {
    background: url(/theme/espace-recruteur/images/deplacer-picto.jpg) no-repeat top 0 left 0;
    padding-left: 20px;
}

#menu.action-candidature-menu li {
    padding: 0;
}

.send-message-link {
    float: left;
    padding: 0 0 10px;
}

@media (max-width: 420px) {
    .send-message-link {
        clear: both;
    }
}

.send-message-link a {
    color: #3279b3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 13px;
    padding: 3px 0 3px 30px;
    background: url(/theme/espace-recruteur/images/send-message-picto.jpg) no-repeat top 4px left 0;
}

.send-message-link .linkGrey {
    color: #aaa;
    pointer-events: none;
    background: url(/theme/espace-recruteur/images/send-message-picto-grey.jpg) no-repeat top 4px left 0;
}

@media (max-width: 450px) {
    .send-message-link .linkGrey {
        float: left;
        width: 100%;
    }
}

.liste-candidature {
    width: 58%;
    padding-left: 20px;
}

.name-candidat-checkbox {
    position: relative !important;
    left: -5px !important;
}

.name-candidat-check {
    position: relative;
    top: 4px;
    margin-left: 10px;
}

.voir-details {
    width: 30% !important;
}

@media (max-width: 1000px) {
    .voir-details {
        width: 100% !important;
        margin: 0 !important;
    }

    .voir-details ul.align-right {
        text-align: center;
    }
}

/* PAGES GERER MES ANNONCES */
/* SOUS MENU lien gérer mes annonces */

/* partie positionnement et déco */
#menu {
    margin-top: 10px;
    font-size: 13px;
}

#menu li > a:after {
    content: "\25BC";
    color: #3279b3;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 0px 0 5px;
}

#menu li > ul > li > a:after {
    content: none;
}

#menu a {
    display: block;
    color: #3279b3;
    text-decoration: none;
    position: relative;
}

#menu > li,
#menu > li li {
    position: relative;
    display: inline-block;
    padding-left: 10px;
}

#menu > li li {
    background: transparent none;
}

#menu > li li a {
    padding: 10px;
}

#menu > li li:hover {
}

#menu > li:first-child {
    /*border-right: 1px solid #777;*/
    border-radius: 8px 0 0 8px;
}

#menu > li + li {
    border-left: 1px solid #aaa;
    border-right: 1px solid #777;
}

#menu > li:last-child {
    border-right: 0;
    /*border-left: 1px solid #aaa;*/
    border-radius: 0 8px 8px 0;
}

#menu > li:hover {
}

/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#menu ul {
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 0;
    border: 1px solid #c8dae9;
    border-top: none;
    border-bottom: none;
    width: 160px;
    max-height: 0;
    margin: 0;
    padding: 0;
    color: #3279b3;
    background-color: #eff0f1;
    overflow: hidden;
    transition: 0.6s max-height 0.2s;
}

/* ici on change la valeur de max-height au :hover */
#menu > li:hover ul {
    /* à adapter, le minimum est le meilleur mais voyez large 😉 */
    max-height: 14em;
}

/**************** NAV ONGLET GERER MES ANNONCES ******************/

/**
 * tab panel widget
 */
.tabPanel-widget {
    float: left;
    width: 100%;
    position: relative; /* containing block for headings (top:0) */
}

/**
 * because labels come first in source order - we use z-index to move them in front of the headings
 */
.tabPanel-widget > label {
    position: absolute;
    z-index: 1;
}

/**
 * labels and headings must share same values so grouping declarations in this rule prevents async edits (risk of breakage)
 * line-height == height -> vertical centering
 * the width dictates the offset for all headings but the first one: left offset = width * number of previous heading(s)
 * note that width and offset of label/heading pair can be customized if necessary
 */

.tabPanel-widget > label,
.tabPanel-widget > h2 {
    font-size: 13px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
}

#candidature-table.tabPanel-widget > label,
.tabPanel-widget > h2 {
    font-size: 13px;
    font-weight: bold;
    width: 120px;
    line-height: 18px;
    padding-top: 10px;
}

/**
 * position:relative is for the markers (the down arrow in tabs)
 */
.tabPanel-widget > h2 {
    position: absolute;
    text-align: center;
    background: #d8e7f2;
    color: #00579d;
    border-bottom: none;
}

.tabPanel-widget > label {
}

/**
 * all first level labels and headings after the very first ones
 */
.tabPanel-widget input,
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
    position: absolute;
    top: 0;
}

/**
 * We target all the label/heading pairs
 * we increment the :nth-child() params by 4 as well as the left value (according to "tab" width)
 */

.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
    left: 10px;
}

.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
    left: 140px;
}

#candidature-table.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
    left: 140px;
}

.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
    left: 270px;
}

#candidature-table.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
    left: 270px;
}

.tabPanel-widget label:nth-child(13),
.tabPanel-widget h2:nth-child(15) {
    left: 400px;
}

#candidature-table.tabPanel-widget label:nth-child(13),
.tabPanel-widget h2:nth-child(15) {
    left: 400px;
}

/**
 * we visually hide all the panels
 * https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
 */
.tabPanel-widget input + h2 + div {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/**
 * we reveal a panel depending on which control is selected
 */
.tabPanel-widget input:checked + h2 + div {
    position: static !important;
    padding: 1em !important;
    height: auto !important;
    width: auto !important;
    border-radius: 10px;
    margin-top: 40px;
    overflow: visible;
    float: left;
}

/**
 * shows a hand cursor only to pointing device users
 */
.tabPanel-widget label:hover {
    cursor: pointer;
}

.tabPanel-widget > div {
    background: #f0f0f0;
    padding: 1em;
}

/**
 * we hide radio buttons and also remove them from the flow
 */
.tabPanel-widget input[name="tabs"] {
    opacity: 0;
    position: absolute;
}

/**
 * this is to style the tabs when they get focus (visual cue)
 */

.tabPanel-widget input[name="tabs"]:focus + h2 {
    /*outline: 1px dotted #000;
    outline-offset: 10px;*/
    outline: none;
}

/**
 * reset of the above within the tab panel (for pointing-device users)
 */
.tabPanel-widget:hover h2 {
    outline: none !important;
}

/**
 * visual cue of the selection
 */
.tabPanel-widget input[name="tabs"]:checked + h2 {
    background: #eff0f1;
}

fieldset.tri {
    text-align: right;
    padding-bottom: 10px;
}

.pagination {
    text-align: right;
}

/**
 * Make it plain/simple below 45em (stack everything)
 */
@media screen and (max-width: 930px) {

    /* hide unecessary label/control pairs */
    .tabPanel-widget input[name="tabs"] {
        display: none;
    }

    /* reveal all panels */
    .tabPanel-widget > input + h2 + div {
        display: block !important;
        position: relative !important;
        padding: 1em !important;
        height: auto !important;
        width: auto !important;
        margin-top: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        float: left !important;
        margin-bottom: 10px !important;
    }

    .tabPanel-widget input:checked + h2 + div {
        position: relative !important;
    }

    /* "unstyle" the heading */
    .tabPanel-widget h2 {
        width: auto;
        position: static !important;
        background: #f0f0f0;
        color: #00579d;
        height: auto;
        text-align: left;
        font-size: 16px;
        padding-left: 15px;
    }

    /* "unstyle" the checked tab */
    .tabPanel-widget input[name="tabs"]:checked + h2 {
        background: #f0f0f0;
    }

    /* "kill" the marker */
    .tabPanel-widget h2:after {
        display: none !important;
    }

    /* add margin-top */
    .tabPanel-widget > label, .tabPanel-widget > h2 {
        margin-top: 10px;

    }

    .tabPanel-widget > h2 {
        display: inline-block;
        width: 100%;
    }

    .b-row {
        height: auto;
    }

    div.description-candidature {
        width: 100%;
    }

    .bloc-button-candidature {
        float: left;
        width: 100%;
        margin-left: 10px;
    }

    .bloc-link-candidature {
        width: 80%;
    }

    .bloc-button-candidature .align-right {
        text-align: left;
    }

    fieldset.tri {
        position: absolute;
        top: -16px;
        right: 12px;
    }

}

/* ANNONCE DETAIL & ANNONCE MODIF */

.text-annonce {
    font-size: 13px;
    line-height: 25px !important;
}

#annonce-detail .info-recruteur {
    float: left;
    width: 300px;
}

#annonce-modif .info-recruteur {
    width: 60%;
    float: left;
}

#annonce-modif .info-recruteur select {
    width: 335px;
    margin-bottom: 0 !important;
}

#annonce-modif .bloc-societe {
    width: 93% !important;
}

#annonce-modif .societe-top {
    min-height: 0;
}

.logo-reruteur {
    float: right;
    width: 195px;
    margin-right: 25px;
}

.logo-reruteur .cadre {
    border: 1px solid #c8dae9;
    width: 100%;
    border-radius: 10px;
    background: transparent;
    padding: 10px;
    text-align: center;
}

.logo-reruteur .cadre img {
    width: 100%;
    height: auto;
}

.cadre-description {
    border: 1px solid #c8dae9;
    width: 100%;
    margin-top: 10px;
}

.cadre-description p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
}

.modif-annonce-form {
    margin-left: 10px;
    margin-top: 20px;
}

/* PUBLIER UNE ANNONCE 1 & 2 - MODIFIER ANNONCE - VISUALISATION CANDIDATURES */

#publication label {
    display: block;
    font-family: 'Trebuchet MS';
    color: #00579d;
    font-size: 14px;
}

#publication input {
    width: 350px;
    padding-left: 8px !important;
}

#publication select {
    width: 362px;
}

#publication input, #publication select {
    display: block;
    font-family: Verdana;
    background: white;
    border: 1px solid #c8dae9;
    padding: 3px 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #747474;
    font-size: 12px;
}

#publication h2 {
    border-bottom: 1px solid #C8DAE9;
    padding-bottom: 10px;
    margin: 0 !important;
}

.bloc-societe {
    width: 37%;
    float: left;
    margin: 20px 20px 0 0;
}

.bloc-societe-s {
    width: 19%;
    float: left;
    margin-top: 20px;
    background: #eff0f1;
    border-radius: 10px;
    border: 1px solid #c8dae9;
    min-height: 166px;
}

.bloc-contact-s {
    width: 19%;
    float: left;
    margin-top: 20px;
    background: #eff0f1;
    border-radius: 10px;
    border: 1px solid #c8dae9;
    min-height: 118px;
}

.bloc-societe-s p {
    text-align: center;
    padding-top: 55px;
    color: #00579d;
    font-size: 13px;
    font-family: 'Trebuchet MS';
}

.bloc-contact-s p {
    text-align: center;
    padding: 40px 10px 0 10px;
    color: #00579d;
    font-size: 13px;
    font-family: 'Trebuchet MS';
}

.societe-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    min-height: 120px;
}

.societe-bottom {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #eff0f1;
    border: 1px solid #c8dae9;
    border-top: 0;
    min-height: 25px;
}

.contact-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    min-height: 70px;
}

.block {
    display: block;
}

.CTA-societe {
    color: #3279b3;
    font-size: 13px;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 140%;
}

.CTA-societe a:after {
    content: "\25B6";
    color: #3279b3;
    font-weight: 400;
    font-size: 20px;
    padding: 0px 5px 0 5px;
    top: 3px;
    position: relative;
}

.CTA-societe a:hover {
    text-decoration: none;
}

.delete-societe {
    margin-left: 10px;
    margin-top: 2px;
}

#publication input#societe {
    display: inline;
    width: auto;
}

#publication2 .title-field {
    font-family: Verdana;
    font-weight: 700;
    color: #454545;
    font-size: 13px;
    margin-left: 10px;
}

#publication2 textarea {
    float: left;
    width: 100%;
    padding: 3px 5px;
    color: #9b9b9b;
    border: 1px solid #c8dae9;
    margin: 0 0 10px 0;
}

#reponse-candidature textarea {
    width: 95%;
    height: 70px;
    padding: 15px;
    margin: 10px 0 30px 0;
    color: #9b9b9b;
    border: 1px solid #c8dae9;
    background: transparent;
}

#publication2 textarea .textarea-last {
    margin: 10px 0 20px 0;
}

#publication2 .add-picto, #annonce-modif .add-picto {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

#publication2 .back-link, #annonce-modif .back-link, #visualisation-candidature .back-link {
    font-size: 13px;
    float: left;
    margin-top: 25px;
}

#publication2 .back-link:hover, #annonce-modif .back-link:hover, #visualisation-candidature .back-link:hover {
    text-decoration: none !important;
}

#publication2 .back-link:hover, #annonce-modif .back-link:hover, #visualisation-candidature .back-link:hover, #publication .back-link:hover {
    text-decoration: none !important;
}

#publication2 .save-button, #annonce-modif .save-button {
    float: right;
    width: 260px;
}

#publication2 ul li > a.back-link:before, #annonce-modif ul li > a.back-link:before, #visualisation-candidature ul li > a.back-link:before, #publication ul li > a.back-link:before {
    content: "\25C0";
    color: #00549d;
    font-weight: 400;
    font-size: 20px;
    top: 3px;
    position: relative;
    padding: 0 5px 0 0;
}

#popin-annonce-preview ul li > a.blue {
    text-decoration: none !important;
}

#popin-annonce-preview ul li > a.blue:after {
    content: "\25B6";
    color: #00549d;
    font-weight: 400;
    font-size: 20px;
    top: 3px;
    position: relative;
    padding: 0 5px 0 0;
}

.add-field {
    color: #00579d;
    font-size: 14px;
    font-family: 'Trebuchet MS';
    margin-left: 10px;
    display: block;
    /*margin-bottom:10px;*/
}

.block-candidat-identite {
    border: 1px solid #c8dae9;
    width: 100%;
    float: left;
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.block-candidat-identite-left {
    width: 58%;
    float: left;
    color: #454545;
    font-size: 13px;
    min-height: 165px;
    padding: 20px 0 0 20px;
}

.name-candidat {
    color: #e48d37;
    font-family: 'Trebuchet MS';
    font-size: 20px;
}

.profession-candidat {
    font-size: 15px;
    text-transform: uppercase;
}

.block-candidat-identite-right {
    width: 35%;
    float: right;
    background: #eff0f1;
    color: #3279b3;
    font-size: 13px;
    min-height: 165px;
    padding: 20px 0 0px 20px;
}

.titre-sousbloc-candidat {
    color: #e48d37;
    font-family: 'Trebuchet MS';
    font-size: 16px;
    font-weight: 700;
}

.action-block-bottom {
    width: 100%;
    float: left;
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #eff0f1
}

.action-block-bottom-left {
    width: 45%;
    float: left;
    color: #454545;
    font-size: 13px;
    padding: 10px 0 10px 20px;
}

.action-block-bottom-right {
    width: 48%;
    float: right;
    background: #eff0f1;
    color: #3279b3;
    font-size: 13px;
    padding: 10px 0 10px 20px;
}

.candidature-picto-titre {
    position: relative;
    top: 10px;
}

.candidature-picto-action {
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.champ-text-candidature {
    width: 100%;
    background: white;
    margin-top: 5px;
    border: 1px solid #c8dae9;
    height: 180px;
}

.candidature-lien-retour {
    float: left;
    display: inline;
    margin-top: 25px;
}

.candidature-lien-annuler {
    display: inline;
    text-decoration: underline;
    margin-right: 30px;
}

.candidature-checkbox {
    display: inline !important;
    width: auto !important;
    position: relative !important;
    top: 2px !important;
}

/* FINALISER COMMANDE */

.detail-commande-top, .detail-reponse-top {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #eff0f1;
    border: 1px solid #c8dae9;
    border-bottom: 0;
    line-height: 20px;
    padding: 5px 10px;
    font-weight: 700;
    float: left;
    width: 97%;
}

.detail-commande-bottom, .detail-reponse-bottom {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    width: 97%;
    float: left;
}

.detail-reponse-lineA {
    border: 1px solid #c8dae9;
    background: #fafbfd;
    padding: 10px;
    width: 97%;
    float: left;
}

.detail-reponse-lineB {
    border-left: 1px solid #c8dae9;
    border-right: 1px solid #c8dae9;
    background: #ffffff;
    padding: 10px;
    width: 97%;
    float: left;
}

.detail-commande-top .col1 {
    width: 60%;
    float: left;
}

.detail-commande-top .col2, .detail-commande-top .col3 {
    width: 20%;
    float: left;
}

.detail-commande-bottom .col1 {
    width: 60%;
    float: left;
}

.detail-commande-bottom .col2, .detail-commande-bottom .col3 {
    width: 20%;
    float: left;
    height: 25px;
    line-height: 25px;
}

.detail-reponse-top .col1 {
    width: 40%;
    float: left;
}

.detail-reponse-top .col2, .detail-reponse-top .col3, .detail-reponse-top .col4 {
    width: 20%;
    float: left;
    text-align: center;
}

.detail-reponse-bottom .col1, .detail-reponse-lineA .col1, .detail-reponse-lineB .col1 {
    width: 40%;
    float: left;
    color: #3279b3;
}

.detail-reponse-bottom .col2, .detail-reponse-bottom .col3, .detail-reponse-bottom .col4, .detail-reponse-lineB .col2, .detail-reponse-lineB .col3, .detail-reponse-lineB .col4, .detail-reponse-lineA .col2, .detail-reponse-lineA .col3, .detail-reponse-lineA .col4 {
    width: 20%;
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.delete-produit {
    float: none !important;
    margin-left: 20px;
    top: 4px;
    position: relative;
    left: 30px;
}

.adresse-livraison {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.livraison-label {
    width: 100px;
    float: left;
    height: 20px;
    line-height: 25px;
    color: #00579d;
    font-family: 'Trebuchet MS';
    font-size: 14px;
}

.adress-factu {
    color: #00579d;
    font-family: 'Trebuchet MS';
    font-size: 14px;
}

.factu-livraison-adresse {
    width: 350px;
    margin-left: 100px;
}

.code-promo {
    width: 70% !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.code-promo-btn {
    width: 30px !important;
    display: inline !important;
    margin-left: 0 !important;
    background: #f29336 !important;
    color: white !important;
    border-radius: 5px !important;
    position: relative !important;
    left: -34px !important;
    margin-bottom: 0 !important;
}

.detail-commande-tva {
    width: 100%;
    margin-top: 15px;
    float: left;
}

.bloc-droit-tva {
    float: right;
    width: 59%;
}

.bloc-droit-tva .col1 {
    width: 45%;
    float: left;
    text-align: right;
}

.bloc-droit-tva .col2 {
    width: 30%;
    float: left;
    text-align: right;
}

.detail-commande-total {
    width: 100%;
    margin-top: 15px;
    float: left;
}

.bloc-droit-total {
    float: right;
    width: 59%;
}

.bloc-droit-total .col1 {
    width: 45%;
    float: left;
    text-align: right;
    color: #e48d37;
    font-size: 15px;
    font-weight: 700;
}

.bloc-droit-total .col2 {
    width: 30%;
    float: left;
    text-align: right;
    color: #e48d37;
    font-size: 15px;
    font-weight: 700;
}

.bloc-ajout-offre {
    width: 100%;
    text-align: right;
    float: left;
    margin-top: 20px;
}

p.info-adresse {
    color: #454545;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}

.checkbox-validation-adresse {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
    position: relative;
    top: 3px;
}

/* POPIN AJOUTER CONTACT - POPIN INFO VISIBILITE - POPIN MODIFIER CONTACT - POPIN ANNONCE MODIF - POPIN ANNONCE - POPIN COMMANDE */

#popin-contact, #popin-info, #popin-contact-modif, #popin-annonce-modif, #popin-annonce, #popin-annonce-preview, #finaliser-commande-popin, #candidature-annonce-popin {
    display: block;
    width: 1349px;
    height: 2091px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#popin-contact .content, #popin-info .content, #popin-contact-modif .content, #popin-annonce-modif .content, #popin-annonce .content, #popin-annonce-preview .content, #finaliser-commande-popin .content, #candidature-annonce-popin .content {
    float: left;
    width: 97%;
    margin: 0 !important;
    padding: 0 !important
}

#popin-contact .close-layer:before, #popin-info .close-layer:before, #popin-contact-modif .close-layer:before, #popin-annonce-modif .close-layer:before, #popin-annonce .close-layer:before, #popin-annonce-preview .close-layer:before, #finaliser-commande-popin .close-layer:before, #candidature-annonce-popin .close-layer:before {
    color: #454545;
    content: "x";
    font: 700 20px/130% Arial, sans-serif;
    left: 30%;
    position: absolute;
    text-indent: 0;
    top: 0;
}

#popin-contact .layer, #popin-annonce-modif .layer, #popin-annonce .layer, #candidature-annonce-popin .layer {
    width: 485px;
}

#finaliser-commande-popin .layer {
    width: 630px;
}

#popin-contact-modif .layer {
    width: 570px;
}

#popin-annonce-preview .layer {
    width: 430px;
}

#popin-info .layer {
    width: 405px;
}

#popin-contact .layer, #popin-info .layer, #popin-contact-modif .layer, #popin-annonce-modif .layer, #popin-annonce .layer, #popin-annonce-preview .layer, #finaliser-commande-popin .layer, #candidature-annonce-popin .layer {
    position: fixed;
    top: 20%;
    left: 0;
    margin: 0 auto;
    right: 0;
    padding: 15px;
    border-radius: 5px;
    border: none;
    background: #ffffff;
}

#popin-contact .close-layer, #popin-info .close-layer, #popin-contact-modif .close-layer, #popin-annonce-modif .close-layer, #popin-annonce .close-layer, #popin-annonce-preview .close-layer, #finaliser-commande-popin .close-layer, #candidature-annonce-popin .close-layer {
    background: none;
    border-radius: 0;
    overflow: hidden;
    padding: 14px;
    position: absolute;
    right: 5px;
    text-indent: -500px;
    top: 5px;
}

#popin-annonce-modif label {
    font-family: 'Trebuchet MS';
    color: #00579d;
    font-size: 14px;
    float: left;
    height: 39px;
    width: 22%;
    line-height: 39px;
    margin-left: 10px;
}

#popin-contact label {
    font-family: 'Trebuchet MS';
    color: #00579d;
    font-size: 14px;
    float: left;
    height: 39px;
    line-height: 39px;
    width: 16%;
    margin-left: 10px;
}

#popin-contact-modif label {
    font-family: 'Trebuchet MS';
    color: #00579d;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    margin-left: 10px;
}

#popin-contact input {
    width: 77%;
    float: right;
}

#popin-annonce-modif input {
    width: 68%;
    float: right;
}

#popin-info input, #popin-contact-modif input {
    margin-left: 10px;
}

#popin-contact select {
    width: 80%;
    float: right;
}

#popin-annonce-modif select {
    width: 70%;
    float: right;
}

#popin-contact-modif select {
    float: right;
    width: 70%;
    margin-right: 10px;
}

#publication2 select {
    width: 350px;
    margin-left: 30px;
    margin-bottom: 20px;
}

#annonce-modif select {
    width: 350px;
    margin-bottom: 20px;
}

#publication2 input {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#annonce-modif input {
    width: 340px;
    margin-bottom: 20px;
}

#popin-contact-modif input.left-field {
    float: right;
    width: 67%;
    margin-right: 10px;
}

#popin-contact input, #popin-contact select, #popin-contact-modif input, #popin-contact-modif select, #popin-annonce-modif input, #popin-annonce-modif select,
#publication2 select, #annonce-modif select, #annonce-modif input, #candidature-annonce-popin input, #candidature-annonce-popin select, #candidature-annonce-popin textarea {
    font-family: Verdana;
    background: white;
    border: 1px solid #c8dae9;
    padding: 3px 4px;
    margin-top: 5px;
    color: #747474;
    font-size: 12px;
}

#candidature-annonce-popin select {
    margin-top: 15px;
}

#candidature-annonce-popin textarea {
    height: 110px;
    margin-top: 10px !important;
}

#popin-contact input, #popin-contact select, #popin-contact-modif input, #popin-contact-modif select, #popin-annonce-modif input, #popin-annonce-modif select {
    margin-bottom: 10px;
}

#popin-contact p {
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

#popin-contact li, #popin-info li, #popin-contact-modif li, #popin-annonce-modif li, #popin-annonce li, #popin-annonce-preview li {
    list-style-type: none;
    display: inline;
}

.red-star {
    color: red;
}

.button-red {
    background: #f92644;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font: 700 18px/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: auto;
    height: auto;
    text-decoration: none;
    margin: 20px 0 8px 22px;
    padding: 5px 4%;
    border-radius: 5px;
}

.button-red, .content .button-red {
    text-decoration: none;
    background: #f92644;
    background: -moz-linear-gradient(top, #f92644 0%, #f92644 49%, #e61b38 57%, #e61b38 101%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f92644), color-stop(49%, #f92644), color-stop(57%, #e61b38), color-stop(101%, #e61b38));
    background: -webkit-linear-gradient(top, #f92644 0%, #f92644 49%, #e61b38 57%, #e61b38 101%);
    background: -o-linear-gradient(top, #f92644 0%, #f92644 49%, #e61b38 57%, #e61b38 101%);
    background: -ms-linear-gradient(top, #f92644 0%, #f92644 49%, #e61b38 57%, #e61b38 101%);
    background: linear-gradient(to bottom, #f92644 0%, #f92644 49%, #e61b38 57%, #e61b38 101%);
}

#popin-contact .button-orange, #popin-contact .button-red, #popin-info .button-red, #popin-info .button-orange, #popin-contact-modif .button-orange, #popin-contact-modif .button-red, #popin-annonce-modif .button-red, #popin-annonce-modif .button-orange, #popin-annonce .button-orange, #popin-annonce .button-red {
    width: 80px;
}

#finaliser-commande-popin .button-orange {
    margin: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
}

#popin-contact .CTA-popin, #popin-contact-modif .CTA-popin, #popin-annonce-modif .CTA-popin, #popin-annonce .CTA-popin, #popin-annonce-preview .CTA-popin, #finaliser-commande-popin .CTA-popin, #candidature-annonce-popin .CTA-popin {
    float: right;
    width: 53%;
}

#popin-info .CTA-popin {
    float: right;
    width: 64%;
}

#popin-info .right {
    float: right;
}

#popin-contact-modif .right {
    float: right;
    margin: 0 !important;
}

#popin-info .type {
    display: inline;
    margin-left: 10px;
}

#popin-info .choice {
    float: right;
    display: inline;
}

#popin-contact-modif .left {
    float: left;
    width: 70%;
    margin: 0 !important;
}

#popin-annonce-modif .checkbox {
    margin-left: 140px;
}

#popin-annonce-modif .valid {
    width: 20px;
    float: left;
}

#popin-annonce-modif .adress-default {
    width: 270px;
    line-height: normal;
    height: auto;
}

#popin-annonce .blue, #popin-annonce-preview .blue {
    color: #3279b3;
    text-decoration: underline;
}

#popin-annonce form {
    line-height: 30px;
}

.ligne-offre-popin {
    width: 100%;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}

.ligne-offre-popin-last {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
}

.col1-offre-popin {
    width: 48%;
    float: left;
    line-height: 20px;
    margin-left: 10px;
}

.col2-offre-popin {
    width: 25%;
    float: left;
    text-align: center;
    margin: 0 auto;
    border-right: 1px solid #dddddd;
    line-height: 24px;
}

.col3-offre-popin {
    width: 25%;
    float: left;
    text-align: center;
    margin: 0 auto;
    line-height: 24px;
}

.duree-offre-popin {
    font-size: 13px;
    font-family: Verdana;
    color: #747474;
}

.price-offre-popin {
    font-size: 18px;
    font-family: Verdana;
    color: #454545;
    font-weight: 700;
}

.title-offre-popin {
    font-size: 18px;
    font-family: 'Trebuchet MS';
    color: #f6993c;
}

.text-offre-popin {
    font-size: 13px;
    font-family: Verdana;
    color: #454545;
}

.subtitle-candidature-popin {
    font-size: 13px;
    font-family: Verdana;
    color: #454545;
}

.bloc-text-candidature-popin {
    width: 100%;
    background: white;
    margin-top: 10px;
}

.text-checkbox {
    font-size: 14px;
    font-family: 'Trebuchet MS';
    color: #00579d;
}

.confirmation-brouillon {
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background-color: #d8e7f2;
    color: #00579d;
    font-weight: bold;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 675px) {
    #popin-contact-modif .layer, #popin-annonce .layer, #finaliser-commande-popin .layer, #candidature-annonce-popin .layer {
        width: 80%;
        top: 5%;
    }

    #popin-contact-modif .CTA-popin {
        width: 100%;
    }

    #popin-contact-modif select {
        width: 98%;
        float: none;
        margin-left: 10px;
    }

    #popin-contact-modif input {
        float: none;
        margin-left: 10px; /*display: block;*/
        margin-bottom: 0;
    }

    #popin-contact-modif label {
        height: auto;
        line-height: normal;
    }

    #popin-contact-modif .right {
        float: none;
    }

    #popin-contact-modif .left {
        width: 100%;
    }

    #popin-contact-modif .choice {
        margin-left: 10px;
    }

    #popin-contact-modif input.left-field {
        float: none;
        width: 96%;
        margin-right: 0;
    }

    #popin-contact-modif .small-margin {
        margin-top: 15px;
    }

    #popin-annonce-modif .checkbox {
        margin-left: 0;
    }

    .col1-offre-popin {
        width: 100%;
        margin-bottom: 20px;
    }

    .col2-offre-popin {
        width: 50%;
        border: 0;
    }

    .col3-offre-popin {
        width: 49%;
    }

}

@media only screen and (max-width: 575px) {
    #popin-contact .layer, #popin-info .layer, #popin-annonce-modif .layer, #popin-annonce-preview .layer {
        width: 80%;
    }

    #popin-contact .CTA-popin, #popin-info .CTA-popin, #popin-annonce-modif .CTA-popin, #popin-annonce .CTA-popin, #popin-annonce-preview .CTA-popin, #finaliser-commande-popin .CTA-popin {
        width: 100%;
        float: none;
    }

    #popin-contact select, #popin-annonce-modif select {
        width: 98%;
        float: none;
        margin-left: 10px;
    }

    #popin-contact input, #popin-annonce-modif input {
        width: 92%;
        float: none;
        margin-left: 10px;
        display: block;
        margin-bottom: 0;
    }

    #popin-contact label, #popin-annonce-modif label {
        height: auto;
        line-height: normal;
    }

    #popin-info .right {
        float: none;
    }

    #popin-info .choice {
        float: none;
        display: block;
    }

    #publication2 select, #annonce-modif select {
        width: 90%;
    }

    #popin-annonce-modif label {
        width: 80%;
    }

    #popin-annonce-modif .layer {
        top: 5%;
    }

    .factu-livraison-adresse {
        margin-left: 0;
        width: 100%;
    }

}

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

    .count span {
        display: none;
    }

    .bloc-annonce .row1, .bloc-annonce .row2 {
        height: auto !important;
    }
}

@media only screen and (max-width: 700px) {
    .bloc-service {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
    }

    .bloc-societe {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
    }

    .block {
        display: inline;
    }

    .CTA-service {
        line-height: 250%;
    }

    .logo-reruteur {
        float: left;
        margin-top: 20px;
    }
}

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

    .action-block-bottom-right {
        width: 44%;
    }

    .block-candidat-identite-left {
        width: 50%;
    }

}

@media only screen and (max-width: 395px) {
    #publication input {
        width: 95%;
    }
}

.tdb,
.tdb *,
.mes-annonces,
.mes-annonces *,
.publier-votre-annonce,
.publier-votre-annonce * {
    box-sizing: border-box;
}

.col-center.tdb,
.col-center.mes-annonces,
.col-center.publier-votre-annonce,
.col-center.publier-votre-annonce-2 {
    box-sizing: border-box;
    float: right;
    margin: 0;
    padding-left: 0;
    width: calc(100% - 214px);
}

@media only screen and (max-width: 1000px) {
    .col-center.tdb,
    .col-center.mes-annonces,
    .col-center.publier-votre-annonce,
    .col-center.publier-votre-annonce-2 {
        width: 100%;
    }
}

main h1,
h1 {
    width: 100%;
}

.tdb h2,
.mes-annonces h2.gerer-mes-annonces,
.publier-votre-annonce h2 {
    float: left;
    width: 100%;
    padding: 5px 0 5px 35px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    border: none;
}

.tdb h2.mes-services {
    background: url(/theme/espace-recruteur/images/picto-service.jpg) no-repeat;
}

.tdb h2.mes-annonces-en-cours {
    background: url(/theme/espace-recruteur/images/picto-annonce.jpg) no-repeat;
    border-bottom: 1px solid #c8dae9;
}

.tdb h2.cvtheque {
    background: url(/theme/espace-recruteur/images/picto-cvtheque.jpg) no-repeat;
    border-bottom: 1px solid #c8dae9;
}

.tdb h2.rechercher-un-cv {
    background: none;
    border-bottom: 1px solid #c8dae9;
    position: relative;
    text-transform: none;
    padding: 0 0 0 20px;
    margin-bottom: 20px;
}

.tdb h2.rechercher-un-cv:before {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    background: #f6983c;

}

.tdb .bloc-mes-services {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

@media (min-width: 1000px) {
    .tdb .bloc-mes-services {
        display: flex;
    }

    .tdb .bloc-mes-services > div {
        flex: 1;
    }
}

.tdb .bloc-service {
    width: 33.3333333333%;
    float: left;
    padding: 0 6px;
}

@media (max-width: 1000px) {
    .tdb .bloc-service {
        width: 100%;
        float: left;
        padding: 0;
        margin-bottom: 12px;
    }
}

.tdb .bloc-service:first-child {
    padding-left: 0;
}

.tdb .bloc-service:last-child {
    padding-right: 0;
}

.tdb .bloc-service .bloc-content {
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 15px 15px 60px 15px;
    min-height: 180px;
    position: relative;
    background: #fafbfe;
    height: 100%;
}

.tdb .bloc-service .bloc-content p {
    margin-bottom: 10px;
}

.tdb .bloc-service .bloc-content .link {
    width: 100%;
    display: block;
    text-align: right;
    margin-bottom: 10px;
    padding-right: 15px;
    position: relative;
}

.tdb .bloc-service .bloc-content .link:before {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #00549d;
}

.tdb .bloc-service h3 {
    font: normal 17px/19px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
    border-bottom: 1px solid #c8dae9;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}

.tdb .bloc-service .cta-service {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 55px;
    background: #eff0f1;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    font: bold 18px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #b3b4b5;
}

.tdb .bloc-service .cta-service a {
    color: #f6983c;
    position: relative;
}

.tdb .bloc-service .cta-service a:after {
    position: absolute;
    content: "";
    bottom: 3px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #f6983c;
}

.tdb .bloc-mes-annonces-en-cours {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.tdb .bloc-cvtheque {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.tdb .link-plus,
.mes-annonces .link-plus {
    position: absolute;
    top: 10px;
    right: 0;
    color: #3279b3;
    background: url(/theme/espace-recruteur/images/plus.jpg) no-repeat 0 0;
    padding: 2px 0 5px 25px;
}

@media (max-width: 1000px) {
    .tdb .link-plus,
    .mes-annonces .link-plus {
        position: static;
        height: auto;
        top: auto;
        right: auto;
        float: left;
        width: 100%;
        margin: 0 0 10px 30px;
    }
}

.tdb .bloc-rechercher-un-cv {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 15px;
    background: #fafbfe;
}

.tdb .bloc-rechercher-un-cv form {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tdb .bloc-rechercher-un-cv fieldset {
    float: left;
    width: 75%;
}

@media only screen and (max-width: 980px) {
    .tdb .bloc-rechercher-un-cv fieldset {
        float: left;
        width: 100%;
    }
}

.tdb .bloc-rechercher-un-cv fieldset label {
    display: none;
}

.tdb .bloc-rechercher-un-cv input {
    float: left;
    width: 100%;
    height: 31px;
}

.tdb .bloc-rechercher-un-cv fieldset .suggests-content,
.tdb .bloc-rechercher-un-cv fieldset .localisation-options {
    float: left;
    width: 47%;
    margin-right: 3%;
    position: relative;
}

@media only screen and (max-width: 980px) {
    .tdb .bloc-rechercher-un-cv fieldset div {
        width: 100%;
        margin-bottom: 10px;
    }
}

.tdb .suggests-results {
    float: left;
    width: 100%;
}

.tdb .suggests-results button {
    float: left;
    width: 100%;
    min-height: 31px;
    background-position: top 8px left 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tdb .bloc-rechercher-un-cv .localisation-options input {
    background: #fff url(/theme/espace-recruteur/images/localisation.png) no-repeat top 8px right 8px;
    padding-right: 20px;
}

.tdb .bloc-rechercher-un-cv .submit {
    float: left;
    width: 25%;
    margin: 0;
}

@media (max-width: 980px) {
    .tdb .bloc-rechercher-un-cv .submit {
        width: 100%;
    }
}

.tdb .bloc-rechercher-un-cv .link {
    float: left;
    width: 100%;
    display: block;
    text-align: right;
    padding-right: 15px;
    position: relative;
}

.tdb .bloc-rechercher-un-cv .link:before {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #00549d;
}

.tdb .bloc-mes-annonces-en-cours p {
    margin-bottom: 10px;

}

.tdb .bloc-mes-annonces-en-cours .table {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 10px 0;
    background: #fafbfd;
}

.tdb .bloc-mes-annonces-en-cours table {
    float: left;
    width: 100%;
}

.tdb .table tbody tr:nth-child(even) {
    background: #fff;
}

.tdb .bloc-mes-annonces-en-cours td {
    padding: 10px;
}

.tdb .bloc-mes-annonces-en-cours .vue {
    width: 90px;
    text-align: center;
    position: relative;
}

.tdb .bloc-mes-annonces-en-cours .vue a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: normal 13px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #3279b3;
    padding-top: 10px;
    background: url(/theme/espace-recruteur/images/vue.png) no-repeat top 50px left 50%;

}

.tdb .bloc-mes-annonces-en-cours .nb {
    width: 130px;
    text-align: center;
    position: relative;
}

.tdb .bloc-mes-annonces-en-cours .nb a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: normal 13px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #3279b3;
    padding-top: 10px;
    background: url(/theme/espace-recruteur/images/loupe.png) no-repeat top 47px left 50%;

}

.tdb .bloc-mes-annonces-en-cours .poste {
    margin-bottom: 0;
}

.tdb .bloc-mes-annonces-en-cours .poste a {
    font: normal 18px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

.tdb .bloc-mes-annonces-en-cours .numero {
    font: normal 13px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

.tdb .bloc-mes-annonces-en-cours .expire {
    font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
}

.tdb .bloc-mes-annonces-en-cours .univers-annonce {
    width: 110px;
    text-align: center;
}

.tdb .bloc-mes-annonces-en-cours .univers-annonce img {
    min-width: 70px;
    max-width: 100%;
}

@media (max-width: 500px) {
    .tdb .bloc-mes-annonces-en-cours .univers-annonce {
        width: 25%;
    }
}

.tdb .suggests {
    top: auto;
    bottom: 30px;
    left: 0;
    width: 100%;
}

.mes-annonces h2.gerer-mes-annonces {
    background: url(/theme/espace-recruteur/images/picto-annonce.jpg) no-repeat;

}

.mes-annonces .bloc-gerer-mes-annonces {
    float: left;
    width: 100%;
    position: relative;
}
.mes-annonces div.settings h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.mes-annonces div.settings {
    clear: both;
    border: 1px solid rgb(50, 121, 179); 
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
}
.mes-annonces div.settings p.description {
    font-style: italic;
    margin-top: 5px;
}

.mes-annonces .table-mes-annonces {
    float: left;
    width: 100%;
}

.publier-votre-annonce h2,
.publier-votre-annonce-2 h2 {
    float: left;
    width: 100%;
    background: none;
    border-bottom: 1px solid #c8dae9;
    position: relative;
    text-transform: none;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.publier-votre-annonce h2:before,
.publier-votre-annonce-2 h2:before {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    background: #f6983c;
}

.publier-votre-annonce .form-publier-votre-annonce {
    float: left;
    width: 100%;
}

.publier-votre-annonce .infos-poste {
    float: left;
    width: 100%;
    padding-right: 250px;
    display: block !important;
}

@media (max-width: 1000px) {
    .publier-votre-annonce .infos-poste {
        padding-right: 0;
    }
}

.publier-votre-annonce .form select {
    margin-left: 0;
    width: auto;
}

.publier-votre-annonce .infos-poste label,
.publier-votre-annonce .infos-poste select,
.publier-votre-annonce .infos-poste input {
    float: left;
    width: 100%;
}

.publier-votre-annonce .infos-poste label {
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    margin-bottom: 5px;
}

.publier-votre-annonce .infos-poste label span {
    color: #e61b38;
    margin-right: 5px;
}

.publier-votre-annonce .infos-poste select,
.publier-votre-annonce .infos-poste input {
    margin-bottom: 10px;
}

.publier-votre-annonce .infos-poste li {
    float: left;
    width: 100%;
}

.publier-votre-annonce .infos-poste li input[type="hidden"] {
    margin: 0;
}

.publier-votre-annonce p.required,
.publier-votre-annonce-2 p.required {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    font-style: italic;
}

.publier-votre-annonce p.required span,
.publier-votre-annonce-2 p.required span {
    color: #e61b38;
    margin-right: 5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

.annonce-slider {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.annonce-slider .filtre {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.annonce-slider .filtre label {
    float: left;
    width: 8%;
    padding: 3px 0;
}

.annonce-slider .filtre input {
    float: left;
    width: 92%;
}

.slider-content {
    float: left;
    width: 100%;
    height: 146px;
    position: relative;
}

.slider-content .btn-left,
.slider-content .btn-right {
    position: absolute;
    top: 36px;
    width: 30px;
    height: 73px;
    background: #5293c6;
    text-indent: -9000px;
}

.slider-content .btn-left {
    left: 0;
}

.slider-content .btn-left:before {
    position: absolute;
    content: "";
    top: 13px;
    left: 13px;
    width: 2px;
    height: 25px;
    background: #fff;
    transform: rotate(34deg);
}

.slider-content .btn-left:after {
    position: absolute;
    content: "";
    top: 34px;
    left: 13px;
    width: 2px;
    height: 25px;
    background: #fff;
    transform: rotate(-34deg);
}

.slider-content .btn-right {
    right: 0;
}

.slider-content .btn-right:before {
    position: absolute;
    content: "";
    top: 13px;
    left: 13px;
    width: 2px;
    height: 25px;
    background: #fff;
    transform: rotate(-34deg);
}

.slider-content .btn-right:after {
    position: absolute;
    content: "";
    top: 34px;
    left: 13px;
    width: 2px;
    height: 25px;
    background: #fff;
    transform: rotate(34deg);
}

.slider-container {
    position: absolute;
    top: 0;
    left: 35px;
    width: 540px;
    height: 146px;
    overflow: hidden;
}

.slider-container ul {
    width: 10000px;
    height: 146px;
}

.slider-container li {
    float: left;
    width: 270px;
    height: 146px;
    padding: 0 10px;
}

.slider-container .li-content {
    float: left;
    width: 100%;
    height: 146px;
    padding: 10px;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    position: relative;
}

.slider-container .li-content input {
    position: absolute;
    top: 13px;
    left: 10px;
}

.slider-container .li-content label {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #454545;
}

.slider-container .li-content span {
    display: block;
}

.slider-container .li-content span.nom {
    padding-left: 20px;
    font-weight: bold;
}

.slider-container .li-content .actions {
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: 0;
    background: #eff0f1;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.slider-container .li-content .actions .edit {
    float: right;
    display: block;
    text-align: right;
    margin: 6px 10px 0 0;
    padding-right: 15px;
    position: relative;
    font-size: 13px;
    color: #3279b3;
}

.slider-container .li-content .actions .edit:before {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #00549d;
}

.slider-container .li-content .actions .delete {
    text-indent: -99999px;
}

.slider-container .li-content .actions .delete {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    background: url(/theme/espace-recruteur/images/supprimer.png) no-repeat top 50% left 50%;
}

.annonce-slider.no-slider .slider-content,
.annonce-slider.no-slider .slider-container {
    height: 20px;
}

.publier-votre-annonce .btn-add {
    float: left;
    width: 100%;
    padding: 0 44px;
    margin-bottom: 10px;
}

.publier-votre-annonce .btn-add button {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    border: 1px solid #c8dae9;
    background: #eff0f1;
    border-radius: 10px;
    font-size: 14px;
    color: #00579d;

}

.publier-votre-annonce .btn-add span {
    position: relative;
}

.publier-votre-annonce .btn-add span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    width: 17px;
    height: 17px;
    background: url(/theme/espace-recruteur/images/plus.png) no-repeat top 50% left 50%;
}

.publier-votre-annonce .ajout-logo input[type=file] {
    display: none;
}

.publier-votre-annonce .ajout-logo {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.publier-votre-annonce .ajout-logo dt {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.publier-votre-annonce .ajout-logo label {
    float: left;
    width: auto;
    font: 700 18px/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 20px 0 5px 0;
    padding: 5px 10px;
    background: linear-gradient(to bottom, #68ade4 0%, #68ade4 49%, #5f9fcf 57%, #5f9fcf 101%);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.publier-votre-annonce .ajout-logo .description {
    float: left;
    clear: both;
    margin: 5px 0;
}

.publier-votre-annonce .ajout-logo .uploaded-file {
    float: left;
    clear: both;
    margin: 5px 0;
}

.publier-votre-annonce .ajout-logo .fichier-uploade {
    float: left;
    clear: both;
    margin: 5px 0;
}

.publier-votre-annonce .ajout-logo .uploaded {
    float: left;
    clear: both;
    margin: 5px 0;
}

.publier-votre-annonce .ajout-logo dd {
    float: left;
    width: 100%;
}

.publier-votre-annonce .case-reception {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.publier-votre-annonce .lien-site {
    float: left;
    width: 100%;
}

.publier-votre-annonce .lien-site label {
    float: left;
    width: 100%;
}

.publier-votre-annonce .errors,
.publier-votre-annonce-2 .errors {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    color: #e61b38;
    margin: 0 0 10px 0;
}

.publier-votre-annonce .etape-1-submit {
    float: left;
    width: 100%;
}

.publier-votre-annonce .etape-1-submit dt {
    display: none;
}

.publier-votre-annonce .etape-1-submit dd {
    float: left;
    width: 100%;
}

.publier-votre-annonce .etape-1-submit dd input {
    float: right;
    margin: 0;
}

.mask {
    background: rgba(0, 0, 0, .25);
}

.lightface-content * {
    box-sizing: border-box;
}

.lightface-content {
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
}

.lightfaceContent {
    height: 555px !important;
}

@media (max-height: 560px) {
    .lightfaceContent {
        height: 444px !important;
    }
}

.lightfaceContent * {
    box-sizing: border-box;
}

.lightfaceContent .lightfaceMessageBox {
    height: 100% !important;
    background: #fff;
    min-height: 80px !important;
}

@media (max-height: 560px) {
    .lightfaceContent .lightfaceMessageBox {
        padding: 10px !important;
    }
}

@media (max-width: 600px) {
    .lightface {
        left: 0 !important;
        width: 100% !important;
    }

    .lightfaceContent {
        width: 100% !important;
        margin: 0 !important;
    }
}

.lightface-content li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

@media (max-height: 560px) {
    .lightface-content li {
        margin-bottom: 5px;
    }
}

.lightface-content label {
    float: left;
    width: 30%;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    padding: 5px 0;
}

@media (max-height: 560px) {
    .lightface-content label {
        padding: 5px 0 0;
        font-size: 12px;
        line-height: 12px;
    }
}

@media (max-width: 600px) {
    .lightface-content label {
        width: 100%;
    }
}

.lightface-content label.required span {
    color: #e61b38;
    margin-right: 5px;
}

.lightface-content input[type="text"] {
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

@media (max-height: 560px) {
    .lightface-content input[type="text"] {
        padding: 2px 5px;
        font-size: 12px;
    }
}

.lightface-content dd#default-element {
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
}

.lightface-content dd#default-element input {
    float: left;
    width: 100%;
}

.lightface-content dt#default-label {
    float: left;
    width: 100%;
}

.lightface-content dt#default-label label {
    float: left;
    width: 100%;
    padding-left: 20px;
}

.lightface-content input {
    float: left;
    width: 70%;
}

@media (max-width: 600px) {
    .lightface-content input {
        width: 100%;
    }
}

.lightface-content select {
    float: left;
    width: 70%;
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

@media (max-height: 560px) {
    .lightface-content select {
        font-size: 12px;
        line-height: 12px;
    }
}

@media (max-width: 600px) {
    .lightface-content select {
        width: 100%;
    }
}

.lightface-content p.required {
    float: left;
    width: 100%;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    font-style: italic;
}

.lightface-content p.required span {
    color: #e61b38;
    margin-right: 5px;
}

.lightface-content .btns {
    float: left;
    width: 100%;
}

.lightface-content .btns .coll {
    float: left;
    width: 50%;
    padding: 10px;
}

.lightface-content .btns .coll input {
    margin: 0;
}

.lightface-content p.success {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #17a05e;
    font-weight: bold;
    position: relative;
}

.lightface-content p.error {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #e61b38;
    font-weight: bold;
    position: relative;
}

.lightface-content ul.errors {
    float: left;
    width: 100%;
    margin-top: 5px;
    color: #e61b38;
    font-weight: bold;
}

.lightface-content ul.errors li {
    margin: 0;
}

#default-label,
#default-element {
    display: none;
}

.publier-votre-annonce-2,
.publier-votre-annonce-2 * {
    box-sizing: border-box;
}

.publier-votre-annonce-2 {
    float: left;
    width: 100%;
}

.publier-votre-annonce-2 textarea {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.publier-votre-annonce-2 label {
    float: left;
    width: 100%;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    margin-bottom: 5px;
}

.publier-votre-annonce-2 .champs-requis label:before {
    content: "*";
    color: #e61b38;
    margin-right: 5px;
}

.publier-votre-annonce-2 input,
.publier-votre-annonce-2 select {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.publier-votre-annonce-2 .float {
    float: left;
    width: 100%;
}

.publier-votre-annonce-2 dt {
    float: left;
    width: 100%;
}

.publier-votre-annonce-2 dd {
    float: left;
    width: 100%;
}

.publier-votre-annonce-2 #temps_travail-element {
    float: left;
    width: 100%;
    position: relative;
}

.publier-votre-annonce-2 #temps_travail-element input {
    float: left;
    width: 20px;
}

.publier-votre-annonce-2 #temps_travail-element label {
    float: left;
    width: 100px;
}

.publier-votre-annonce-2 #temps_travail-element br {
    clear: both;
}

.publier-votre-annonce-2 .btns-nav {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.publier-votre-annonce-2 .btns-nav dt {
    display: none;
}

.publier-votre-annonce-2 .btns-nav .coll-left,
.publier-votre-annonce-2 .btns-nav .coll-right {
    float: left;
    width: 50%;
}

.publier-votre-annonce-2 .btns-nav .coll-left {
    padding-right: 20px;
}

.publier-votre-annonce-2 .btns-nav .coll-right {
    padding-left: 20px;
}

.publier-votre-annonce-2 form {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.gerer-mes-candidatures,
.gerer-mes-candidatures * {
    box-sizing: border-box;
}

.gerer-mes-candidatures .bloc-gerer-mes-candidatures {
    float: left;
    width: 100%;
}

.candidatures-annonces,
.candidatures-annonces * {
    box-sizing: border-box;
}

.candidatures-annonces .bloc-candidatures-annonces {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}

.candidatures-annonces h2.gen {
    float: left;
    width: 100%;
    background: none;
    border-bottom: 1px solid #c8dae9;
    position: relative;
    text-transform: none;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.candidatures-annonces h2.gen:before {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    background: #f6983c;
}

.candidatures-annonces .tabPanel-widget > h2 {
    font-size: 11px;
}

.candidatures-annonces #candidature-table.tabPanel-widget > label,
.candidatures-annonces .tabPanel-widget > h2 {
    padding-top: 3px;
}

.gestion-reponses label {
    float: left;
    width: 100%;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    margin-bottom: 5px;
}

.gestion-reponses .form .error {
    margin: 0;
}

.gestion-reponses label .mandatory {
    color: #e61b38;
    margin-right: 5px;
}

.gestion-reponses,
.gestion-reponses * {
    box-sizing: border-box;
}

.gestion-reponses .candidature-checkbox {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.gestion-reponses .candidature-checkbox input {
    margin-right: 10px;
}

.gestion-reponses .footer-form {
    float: left;
    width: 100%;
}

.gestion-reponses .back-to.left {
    float: left;
    width: 30%;
    margin: 0 0 10px 0;
}

@media (max-width: 500px) {
    .gestion-reponses .back-to.left {
        width: 100%;
    }
}

.gestion-reponses .center {
    float: left;
    width: 70%;
    margin: 0;
}

@media (max-width: 500px) {
    .gestion-reponses .center {

        width: 100%;

    }
}

.gestion-reponses .center input {
    margin: 0;
}

.gestion-reponses .center.creer-reponses {
    float: left;
    width: 100%;
}

/*consulter la cvtheque - début*/
.form-search-cv {
    width: 100%;
}

.form-search-cv label {
    width: 100%;
}

.white-block {
    float: left;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.grey-block {
    float: left;
    padding: 20px;
    background: #EFF0F1;
    box-shadow: 0 3px 5px #B6B6B6;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.grey-block2 {
    float: left;
    background: #EFF0F1;
    box-shadow: 0 3px 5px #B6B6B6;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.grey-block3 {
    float: left;
    background: #EFF0F1;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.CheckBoxListShowHide {
    border: 1px solid #C8DAE9;
    display: inline-block;
    padding: 4px 15px 2px 2%;
    background: #FFF url(/images/espace-recruteur/select.jpg) no-repeat top 10px right 10px;
    margin-top: 18px;
}

@media (max-width: 1000px) {
    .CheckBoxListShowHide {
        margin-top: 0;
    }
}

.content .submit {
    display: inline;
    margin: 0;
}

.suggests-results {
    margin: 0;
}

.localisation-options .suggests-results {
    width: auto;
}

.localisation-options .suggests-results button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.suggests-results button:first-child {
    margin: 0;
}

.suggests-results button {
    margin: 0;
    max-width: none;
    min-height: 27px;
    padding: 0 0 0 10px;
    text-align: left;
}

.suggests-results .closed span {
    margin: 0 5px 0 10px;
}

.picto-job, .picto-jobcat, .picto-mjobcat {
    padding: 5px 0 5px 30px;
    background-position: top 5px left 5px;
}

.suggests-results .picto-job, .suggests-results .picto-jobcat, .suggests-results .picto-mjobcat {
    padding: 5px 0 5px 34px;
}

.form-search-offers {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px 1%;
    background: #EFF0F1;
    box-shadow: 0 3px 5px #B6B6B6;
    border-radius: 10px;
}

.resultats-cv .left {
    float: left;
    width: 88px;
    margin: 0;
}

@media (max-width: 1000px) {
    .resultats-cv .left {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }
}

.resultats-cv .middle {
    float: left;
    width: calc(100% - 118px);
    padding: 0 10px 0 20px;
}

.resultats-cv .middle-content {
    position: relative;
}

.resultats-cv .candidat-item:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 20px;
    width: 18px;
    height: 56px;
    background: url(../../espace-recruteur/images/voir-cv.png) no-repeat top 0 left 0;
    pointer-events: none;
}

.resultats-cv .candidat-item.isVu {
    background-color: #f9f9f9;
}

.resultats-cv .left img {
    vertical-align: bottom;
}

.resultats-cv .nb-results {
    font: 17px "Trebuchet MS", Helvetica, sans-serif;
    color: #454545;
    padding: 10px;
}

.resultats-cv .grey-block {
    padding: 10px;
}

.resultats-cv .photo {
    border-radius: 100%;
    border: 1px solid #d3d3d3;
    width: 88px;
    height: 88px;
}

.resultats-cv .list-results {
    float: left;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.resultats-cv .candidat-item {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
}

.resultats-cv .candidat-item .left > * {
    margin-left: 10px;
}

.resultats-cv .candidat-item:last-child {
    margin-bottom: 0;
}

.resultats-cv input.voir-cv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

.resultats-cv .coche-consulte {
    position: absolute;
    top: 6px;
    right: 53px;
    background: url(../../espace-recruteur/images/coche-consulte.png) no-repeat top 4px left 0;
    padding-left: 15px;
    font-size: 10px;
    font-weight: bold;
}

.resultats-cv .nom {
    font: 18px "Trebuchet MS", Helvetica, sans-serif;
    color: #e48d37;
    margin-bottom: 3px;
}

.resultats-cv .profession {
    font: 15px Verdana, Geneva, sans-serif;
    color: #00579d;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding-right: 105px;
}

.resultats-cv .formation {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
}

.resultats-cv .xp {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
}

.resultats-cv .localisation {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
    background: url(../../espace-recruteur/images/localisation.jpg) no-repeat top 3px left 0;
    padding-left: 15px;
}

aside {
    float: left;
    width: 194px;
}

@media (max-width: 1000px) {
    aside {
        width: 100%;
    }

}

.col-center .paginate {
    margin: 10px 0 0;
    clear: both;
}

.ma-cvtheque h2 {
    color: #e48d37;
}

.ma-cvtheque.menu-left ul li a {
    border: none;
    padding-bottom: 0;
}

.ma-cvtheque.menu-left ul > li a:after {
    content: normal;
}

.ma-cvtheque.menu-left ul > li a:before {
    position: absolute;
    content: "";
    top: 16px;
    left: 8px;
    width: 3px;
    height: 3px;
    background: #5895c4;
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.ma-cvtheque.menu-left ul > li.selected a:before {
    content: normal;
}

.ma-cvtheque.menu-left ul > li.selected a:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e48d37;
}

.ma-cvtheque.menu-left .retour {
    padding: 0;
    position: relative;
}

.ma-cvtheque.menu-left .retour a:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #00549d;
    background: none;
}

.cvtheque-recherche-facette {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.cvtheque-recherche-facette .hidden-device {
    float: left;
    width: 100%;
}

.cvtheque-recherche-facette h2 {
    margin: 0 0 10px;
    padding: 0 0 5px;
    background: none;
}

.cvtheque-recherche-facette label,
.cvtheque-recherche-facette fieldset legend {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    font: 15px "Trebuchet MS", Helvetica, sans-serif;
    color: #00579d;
}

.cvtheque-recherche-facette fieldset {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.cvtheque-recherche-facette .structure-list {
    float: left;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #c8dae9;

}

.cvtheque-recherche-facette .suggests-content,
.cvtheque-recherche-facette .localisation-options {
    position: relative;
}

.cvtheque-recherche-facette .suggests {
    width: 100%;
    left: 0;
    top: 48px;
    max-height: 200px;
    overflow: auto;
}

.cvtheque-recherche-facette .suggests-results {
    width: 100%;
}

.cvtheque-recherche-facette button {
    width: 100%;
}

.cvtheque-recherche-facette input[type=text] {
    float: left;
    width: 100%;
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

.cvtheque-recherche-facette .CheckBoxListShowHide {
    width: 100%;
    padding: 5px 15px 5px 10px;
    margin: 0;
}

.cvtheque-recherche-facette .CheckBoxListShowHide button {
    text-align: left;
}

.cvtheque-recherche-facette .SelectCheckBoxList li {
    float: left;
    width: 100%;
    clear: both;
    padding: 5px;
}

.cvtheque-recherche-facette .SelectCheckBoxList li:nth-child(even) {
    background: #eaf1f7;
}

.cvtheque-recherche-facette .SelectCheckBoxList li:nth-child(odd) {
    background: #f5f8fb;
}

.cvtheque-recherche-facette .SelectCheckBoxList label {
    float: right;
    font: 12px/140% Verdana, Arial, sans-serif;
    color: #747474;
    padding: 0;
    width: calc(100% - 20px);
}

.cvtheque-recherche-facette .SelectCheckBoxList li:hover {
    background: #fff;
    cursor: pointer;
}

.cvtheque-recherche-facette .SelectCheckBoxList li:hover label {
    cursor: pointer;
}

.cvtheque-recherche-facette .SelectCheckBoxList input {
    float: left;
    margin-top: 2px;
}

.cvtheque-recherche-facette .check-content li {
    float: left;
    width: 100%;
    clear: both;
}

.cvtheque-recherche-facette .check-content label {
    float: right;
    width: 87%;
    clear: both;
    font: 12px/140% Verdana, Arial, sans-serif;
    color: #454545;
    padding: 0;
    margin: 5px 0;
}

.cvtheque-recherche-facette .check-content input[type=checkbox] {
    margin: 7px 0;
}

.cvtheque-recherche-facette .niveau .multiselect-trigger {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
}

.cvtheque-recherche-facette .niveau .niveau-list {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #C8DAE9;
}

.cvtheque-recherche-facette .niveau .niveau-list select {
    float: left;
    width: 100%;
    padding: 3px 5px;
    color: #747474;
    font-size: 11px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

hr {
    float: left;
    width: 100%;
    visibility: visible;
    margin: 5px auto 15px;
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    padding: 0;
    position: relative;
}

hr:after {
    position: absolute;
    content: "";
    top: 0;
    left: 25%;
    right: 25%;
    height: 1px;
    background: #c9c9c9;
}

hr.long:after {
    left: 0;
    right: 0;
}

.cv-similaires h2 {
    margin: 0;
    padding: 10px 10px 5px 10px;
    background: none;
    border-bottom: 1px solid #f6993c;
}

.cv-similaires .vers-cv {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 25px 10px 10px;
    border-bottom: 1px solid #c8dae9;
    min-height: 52px;
    display: table;
}

.cv-similaires .vers-cv:hover {
    background: #fff;
}

.cv-similaires .voir-cv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(/theme/espace-recruteur/images/voir-cv-small.png) no-repeat top 50% right 9px;
}

.cv-similaires .nom-profession {
    display: table-cell;
    vertical-align: middle;
}

.cv-similaires .nom {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #565656;
}

.cv-similaires .profession {
    font: bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579c;

}

.cv-similaires .retour {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
}

.cv-similaires .retour:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #00549d;
    background: none;
}

.cv-similaires .retour input {
    float: left;
    padding-left: 15px;
    position: relative;
    color: #3279B3;
}

.detail-cv .retour {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 10px 0;
}

.detail-cv .retour:before {
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #00549d;
    background: none;
}

.detail-cv .retour input {
    float: left;
    padding-left: 15px;
    position: relative;
    text-decoration: underline;
    color: #3279B3;
}

.detail-cv .fiche-candidat {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #fff 59%, #eff0f2 59%);
}

@media (max-width: 1000px) {
    .detail-cv .fiche-candidat {
        background: none;
    }
}

.detail-cv .fiche-candidat .left {
    float: left;
    width: 18%;
    margin: 0 0 10px 0;
}

.detail-cv .fiche-candidat .left .photo {
    border-radius: 100%;
    border: 1px solid #d3d3d3;
    width: 88px;
    height: 88px;
    overflow: hidden;
}

.detail-cv .fiche-candidat .middle {
    float: left;
    width: 41%;
    margin: 0;
}

.detail-cv .fiche-candidat .right {
    float: right;
    width: 41%;
    margin: 0;
}

.detail-cv .fiche-candidat .right {
    padding-left: 20px;
}

@media (max-width: 1000px) {
    .detail-cv .fiche-candidat .right {
        padding: 0;
    }
}

.detail-cv .fiche-candidat .middle {
    margin-bottom: 10px;
}

@media (max-width: 1000px) {
    .detail-cv .fiche-candidat .left,
    .detail-cv .fiche-candidat .middle,
    .detail-cv .fiche-candidat .right {
        width: 100%;
    }
}

.detail-cv .profession-pas-co {
    float: left;
    width: 59%;
    font: 18px "Trebuchet MS", Helvetica, sans-serif;
    color: #e48d37;
    margin-bottom: 3px;
}

.detail-cv .date-maj-co {
    float: left;
    font: 18px "Trebuchet MS", Helvetica, sans-serif;
    color: #e48d37;
    margin-bottom: 3px;
}

.detail-cv .fiche-candidat .left img {
    vertical-align: bottom;
}

.detail-cv .fiche-candidat .nom {
    font: 20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
    margin-bottom: 5px;
}

.detail-cv .fiche-candidat .profession {
    font: 15px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.detail-cv .fiche-candidat .adresse {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/candidature-maison.jpg) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 5px;
}

.detail-cv .fiche-candidat .ville {
    padding-left: 20px;
    margin-bottom: 5px;
}

.detail-cv .telephone {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/candidature-tel.jpg) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 5px;
}

.detail-cv .email,
.detail-cv .contact {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/cv-mail.png) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detail-cv .pj {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/cv-pj.png) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detail-cv .print {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/cv-print.png) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detail-cv .save {
    font: 13px Verdana, Arial, Helvetica, sans-serif !important;
    color: #565656;
    background: url(/theme/espace-recruteur/images/cv-save.png) no-repeat top 0 left 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detail-cv .fiche-candidat .abo p {
    margin-bottom: 20px;
}

.detail-cv .fiche-candidat .abo .center {
    margin-bottom: 20px;
}

.detail-cv .profil-candidat {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.detail-cv .profil-candidat h3 {
    float: left;
    width: 100%;
    background: url(/theme/espace-recruteur/images/candidature-profil.jpg) no-repeat top 0 left 0;
    padding: 6px 0 6px 40px;
    margin: 0 0 20px 0;
    font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

.detail-cv .profil-content {
    float: left;
    width: 100%;
    padding: 0 0 0 40px;
}

@media (max-width: 1000px) {
    .detail-cv .profil-content {
        padding: 0;
    }
}

.detail-cv .profil-candidat .niveau-xp {
    margin-bottom: 20px;
}

.detail-cv .profil-candidat .xp-pro {
    margin-bottom: 10px;
}

.detail-cv .profil-candidat .xps {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.detail-cv .profil-candidat li {
    background: url(/theme/espace-recruteur/images/square-small.jpg) no-repeat top 5px left 0;
    padding-left: 20px;
    margin-bottom: 10px;
}

.detail-cv .profil-candidat .entreprise {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
}

.detail-cv .profil-candidat .formation p {
    margin-bottom: 10px;
}

.detail-cv .profil-candidat .formations li {
    margin-bottom: 0;
}

.detail-cv .profil-candidat p.periode {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    padding-left: 20px;
}

.detail-cv .infos {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.detail-cv .infos h3 {
    float: left;
    width: 100%;
    background: url(/theme/espace-recruteur/images/infos.png) no-repeat top 0 left 5px;
    padding: 3px 0 3px 40px;
    margin: 0 0 20px 0;
    font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

.detail-cv .infos p {
    margin-bottom: 10px;
}

.detail-cv .motivation {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.detail-cv .motivation h3 {
    float: left;
    width: 100%;
    background: url(/theme/espace-recruteur/images/candidature-lettre.jpg) no-repeat top 0 left 0;
    padding: 14px 0 10px 40px;
    margin: 0 0 20px 0;
    font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

.detail-cv .tools {
    float: left;
    width: 100%;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
}

.detail-cv .tools .email,
.detail-cv .tools .pj,
.detail-cv .tools .print,
.detail-cv .tools .save {
    float: left;
    width: 50%;
}

.layer {
    background: #fff;
    border: 0;
    padding: 28px;
    width: 400px;
    height: auto !important;
    box-sizing: border-box;
}

.layer * {
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
    .layer {
        left: 10px;
        right: 10px;
        width: auto !important;
    }
}

.layer iframe.medium-height {
    height: auto !important;
    box-sizing: border-box;
    min-height: 200px;
}

@media (max-width: 480px) {
    .layer iframe.medium-height {
        min-height: 300px;
    }
}

.layer iframe.medium-height-2 {
    height: auto !important;
    box-sizing: border-box;
    min-height: 300px;
}

.layer iframe.medium-height-3 {
    height: auto !important;
    box-sizing: border-box;
    min-height: 500px;
}

.close-layer {
    border-radius: 0;
    overflow: hidden;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background: none;
}

.close-layer:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 13px;
    width: 2px;
    height: 68%;
    background: #454545;
    transform: rotate(45deg);
}

.close-layer:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 13px;
    width: 2px;
    height: 68%;
    background: #454545;
    transform: rotate(-45deg);
}

.email-print {
    display: none;
}

.mes-cv-sauvegardes .filtrer-cv {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.mes-cv-sauvegardes .filtrer-cv label {
    float: left;
    width: auto;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #454545;
    padding: 5px 10px 5px 0;
}

.mes-cv-sauvegardes .filtrer-cv .select {
    float: left;
    width: auto;
}

.mes-cv-sauvegardes .filtrer-cv .select select {
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

.mes-cv-sauvegardes .filtrer-cv .tools {
    float: right;
    width: auto;
    padding: 10px 0 0 0;
}

.mes-cv-sauvegardes .grey-block {
    padding: 10px;
}

.mes-cv-sauvegardes .candidat-item {
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    display: block;
}

.mes-cv-sauvegardes .left {
    float: left;
    width: 88px;
    margin: 0;
}

@media (max-width: 1000px) {
    .mes-cv-sauvegardes .left {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

.mes-cv-sauvegardes .middle {
    float: left;
    width: calc(70% - 88px);
    padding: 0 30px 0 20px;
}

@media (max-width: 1000px) {
    .mes-cv-sauvegardes .middle {

        width: 100%;
        padding: 0;
    }
}

.mes-cv-sauvegardes .right {
    float: left;
    width: 30%;
    padding: 0;
    margin: 0;
    position: relative;
}

@media (max-width: 1000px) {
    .mes-cv-sauvegardes .right {
        width: 100%;
    }
}

.mes-cv-sauvegardes .left img {
    vertical-align: bottom;
}

.mes-cv-sauvegardes .photo {
    border-radius: 100%;
    border: 1px solid #d3d3d3;
    width: 88px;
    height: 88px;
    overflow: hidden;
}

.mes-cv-sauvegardes .nom {
    font: 18px "Trebuchet MS", Helvetica, sans-serif;
    color: #e48d37;
    margin-bottom: 3px;
}

.mes-cv-sauvegardes .profession {
    font: 15px Verdana, Geneva, sans-serif;
    color: #00579d;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.mes-cv-sauvegardes .formation {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
}

.mes-cv-sauvegardes .xp {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
}

.mes-cv-sauvegardes .localisation {
    font: 12px Verdana, Geneva, sans-serif;
    color: #454545;
    margin-bottom: 5px;
    background: url(../../espace-recruteur/images/localisation.jpg) no-repeat top 3px left 0;
    padding-left: 15px;
}

.mes-cv-sauvegardes .list-results {
    float: left;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    width: 100%;
}

.mes-cv-sauvegardes .show_detail_cv {
    margin: 10px 0;
    padding: 5px 10px;
    width: 100%;
}

.mes-cv-sauvegardes .btn-supprimer-cv {

}

@media (max-width: 1000px) {
    .mes-cv-sauvegardes .btn-supprimer-cv {
        position: static;
        bottom: auto;
        right: auto;
        float: left;
        width: 100%;
    }
}

.mes-cv-sauvegardes .button-blue {
    margin: 0;
    font-size: 14px;
    width: 100%;
}

@media (max-width: 1000px) {

}

.popin {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.popin * {
    box-sizing: border-box;
}

.popin h1 {
    float: left;
    width: 100%;
}

.popin p {
    margin: 0 0 10px 0;
}

.popin form {
    float: left;
    width: 100%;
}

.popin .button-orange,
.popin .button-blue {
    margin: 0;
    text-decoration: none;
}

.popin .btns {
    float: left;
    width: 100%;
}

.popin .btns input {
    margin: 0;
    padding: 5px 10px;
    min-width: 70px;

}

.popin .btn-gauche {
    float: left;
    width: 65%;
    text-align: right;
}

.popin .btn-droite {
    float: right;
    width: 35%;
    text-align: right;
}

.popin .btn-middle {
    float: left;
    width: 100%;
    text-align: center;
}

.popin .btn-middle input {
    width: 100%;
}

.popin-changer-de-liste .btn {
    margin-top: 20px;
}

.popin-changer-de-liste select {
    width: 100%;
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
    margin-bottom: 10px;
}

.popin input[type=text] {
    float: left;
    width: 100%;
    padding: 3px 5px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

.popin-ajouter-liste input[type=text] {
    margin-bottom: 20px;
}

.popin-gerer-liste .titre {
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 10px;
}

.popin-gerer-liste .btns {
    float: left;
    width: 100%;
}

.popin-gerer-liste li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #c8d9e9;
    border-radius: 10px;
}

.popin-gerer-liste .btn-gauche {
    float: left;
    width: 50%;
    padding: 10px;
}

.popin-gerer-liste .btn-droite {
    float: left;
    width: 50%;
    padding: 10px;
}

@media (max-width: 300px) {
    .popin-gerer-liste .btn-gauche,
    .popin-gerer-liste .btn-droite {
        width: 100%;
    }
}

.popin-gerer-liste .btn-droite a,
.popin-gerer-liste .btn-gauche a,
.popin-gerer-liste .btn-droite input,
.popin-gerer-liste .btn-gauche input {
    width: 100%;

}

.creer-alerte-cv h2 {
    margin-bottom: 20px;
    clear: both;
}

.frequence-email .multiselect-trigger {
    border: 1px solid #C8DAE9;
    display: inline-block;
    padding: 5px 25px 5px 5px;
    background: #FFF url(/images/espace-recruteur/select.jpg) no-repeat top 10px right 10px;
    margin-bottom: 20px;
    float: left;
    width: 48%;
    clear: both;
    height: 28px;
}

@media (max-width: 1000px) {
    .frequence-email .multiselect-trigger {
        width: 100%;
    }
}

.creer-alerte-cv .alerte-cv {
    float: left;
    width: 100%;
    position: relative;
}

.frequence-email {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.frequence-email select {
    float: left;
    width: 50%;
    position: relative;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    background: #fff;
    border: 1px solid #c8dae9;
    padding: 3px;
}

@media (max-width: 1000px) {
    .frequence-email select {
        width: 100%;
    }
}

.creer-alerte-cv input[type=text] {
    float: left;
    width: 100%;
    padding: 5px;
    color: #747474;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.creer-alerte-cv .ajout-alerte {
    float: left;
    width: 100%;
}

.creer-alerte-cv .ajout-alerte fieldset {
    min-height: 62px;
}

.creer-alerte-cv .ajout-alerte .titre-alerte {
    float: left;
    width: 48%;
    margin: 0 2% 10px 0;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .ajout-alerte .titre-alerte {
        float: left;
        width: 100%;
        margin-right: 0;
    }
}

.creer-alerte-cv .ajout-alerte .required span {
    color: #e61b38;
}

.creer-alerte-cv .ajout-alerte legend,
.creer-alerte-cv .ajout-alerte label {
    font: 14px Trebuchet MS, Verdana, Arial;
    color: #00579d;
}

.creer-alerte-cv .ajout-alerte .CheckBoxListShowHide {
    margin: 0;
}

.creer-alerte-cv .required-msg {
    font: 12px Trebuchet MS, Verdana, Arial;
    float: right;
    color: #747474
}

.creer-alerte-cv .required-msg span {
    color: #e61b38;
}

.creer-alerte-cv .xp {
    float: right;
    width: 48%;
    margin: 0 0 10px 2%;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .xp {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .xp .CheckBoxListShowHide {
    width: 100%;
    margin: 0;
}

.creer-alerte-cv .xp .SelectCheckBoxList {
    float: left;
    width: 100%;
    position: relative;
}

.creer-alerte-cv .xp ul {
    position: absolute;
    background: #fff;
    margin-top: -1px;
    padding: 0 5px;
    z-index: 1;
    max-height: 200px;
    overflow: auto;

}

.creer-alerte-cv .xp ul li {
    float: left;
    width: 100%;
    padding: 10px 5px;
}

.creer-alerte-cv .xp ul input {
    float: left;
    margin: 2px 5px 0 0;
}

.creer-alerte-cv .xp ul label {
    float: right;
    width: 93%;
}

.creer-alerte-cv .profession {
    float: left;
    width: 48%;
    margin: 0 2% 10px 0;
    clear: both;
    position: relative;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .profession {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .profession .suggests {
    top: 43px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.creer-alerte-cv .structure {
    float: right;
    width: 48%;
    margin: 0 0 10px 2%;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .structure {
        width: 100%;
        margin-right: 0;
    }
}

.creer-alerte-cv .structure .CheckBoxListShowHide {
    width: 100%;
}

.creer-alerte-cv .structure .SelectCheckBoxList {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 1px;
}

.creer-alerte-cv .structure ul {
    position: absolute;
    background: #fff;
    margin-top: -1px;
    padding: 0 5px;
    max-height: 200px;
    overflow: auto;
    z-index: 1;
}

.creer-alerte-cv .structure ul li {
    float: left;
    width: 100%;
    padding: 10px 5px;
}

.creer-alerte-cv .structure ul input {
    float: left;
    margin: 2px 0 0 0;
    width: 10%;
}

.creer-alerte-cv .structure ul label {
    float: right;
    width: 90%;
}

.creer-alerte-cv .contrats .CheckBoxListShowHide {
    width: 100%;
}

.creer-alerte-cv .contrats {
    float: right;
    width: 48%;
    margin: 0 0 10px 2%;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .contrats {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .contrats .SelectCheckBoxList {
    position: relative;
}

.creer-alerte-cv .contrats ul {
    position: absolute;
    width: 100%;
    background: #fff;
    margin-top: -1px;
    padding: 0 5px;
    max-height: 200px;
    overflow: auto;
}

.creer-alerte-cv .contrats ul li {
    float: left;
    width: 100%;
    padding: 10px 5px;

}

.creer-alerte-cv .contrats ul input {
    float: left;
    margin: 2px 0 0 0;
    width: 10%;
}

.creer-alerte-cv .contrats ul label {
    float: right;
    width: 90%;
}

.creer-alerte-cv .mots-cles {
    float: left;
    width: 48%;
    margin: 0 2% 10px 0;
    clear: both;
    position: relative;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .mots-cles {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .localisation-options {
    float: left;
    width: 48%;
    margin: 0 2% 10px 0;
    position: relative;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .localisation-options {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .localisation-options ul {
    top: 43px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow: auto;
}

.creer-alerte-cv .localisation-options .suggests-results,
.creer-alerte-cv .localisation-options .suggests-results button {
    float: left;
    width: 100%;
}

.creer-alerte-cv .envoi-email {
    float: right;
    width: 48%;
    margin: 0 0 10px 2%;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .envoi-email {
        width: 100%;
        margin-left: 0;
    }
}

.creer-alerte-cv .suggests-results {
    float: left;
    width: 100%;
}

.creer-alerte-cv .suggests-results button {
    float: left;
    width: 100%;
}

.creer-alerte-cv .btn-valid {
    float: left;
    width: 100%;
    text-align: right;
}

@media (max-width: 1000px) {
    .creer-alerte-cv .btn-valid {
        text-align: center;
    }
}

.creer-alerte-cv .btn-valid .button-orange {
    margin: 0;
}

.gestion-alerte-cv h2 {
    margin-bottom: 20px;
}

.gestion-alerte-cv .gestion {
    float: left;
    width: 100%;
}

.gestion-alerte-cv .tableau {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 10px;
}

.gestion-alerte-cv table {
    float: left;
    width: 100%;
    text-align: center;
}

.gestion-alerte-cv thead {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #454545;
}

.gestion-alerte-cv thead td {
    padding-bottom: 20px;
}

.gestion-alerte-cv a {
    display: inline-block;
}

.gestion-alerte-cv span {
    margin: 10px;
}

.gestion-alerte-cv td:nth-child(2) {
    width: 20%;
}

.gestion-alerte-cv td:nth-child(3) {
    width: 20%;
}

.gestion-alerte-cv td:nth-child(4) {
    width: 20%;
}

.gestion-alerte-cv .ajouter-alerte {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: right;

}

.gestion-alerte-cv .ajouter-alerte a {
    display: inline-block;
    padding: 1px 0 3px 25px;
    background: #FFF url(/images/espace-recruteur/plus.jpg) no-repeat top 0 left 0;
}

.popin-modifier-alerte-cv .titre-alerte {
    margin-bottom: 10px;
}

.popin-modifier-alerte-cv .CheckBoxListShowHide {
    width: 100%;
}

.popin-modifier-alerte-cv .SelectCheckBoxList {
    position: relative;
}

.popin-modifier-alerte-cv ul {
    position: absolute;
    background: #fff;
    padding: 0 5px;
    z-index: 1;
    max-height: 200px;
    overflow: auto;
    top: 23px;
    left: 0;
}

.popin-modifier-alerte-cv li {
    float: left;
    width: 100%;
    padding: 10px 5px;
}

.popin-modifier-alerte-cv .profession {
    margin-bottom: 10px;
}

.popin-modifier-alerte-cv .suggests-results {
    float: left;
    width: 100%;
}

.popin-modifier-alerte-cv .suggests-results button {
    float: left;
    width: 100%;
}

.popin-modifier-alerte-cv ul input {
    float: left;
    margin: 2px 5px 0 0;
}

.popin-modifier-alerte-cv ul label {
    float: right;
    width: 93%;
}

.popin-modifier-alerte-cv .required span {
    color: #e61b38;
}

.popin-modifier-alerte-cv legend,
.popin-modifier-alerte-cv label {
    font: 14px Trebuchet MS, Verdana, Arial;
    color: #00579d;
}

.popin-modifier-alerte-cv .mots-cles {
    margin-bottom: 10px;
}

.popin-modifier-alerte-cv .localisation-options {
    margin-bottom: 10px;
}

.popin-modifier-alerte-cv .envoi-email {
    margin-bottom: 10px;
}

.popin-modifier-alerte-cv .btn-valid {
    float: left;
    width: 100%;
    text-align: right;
}

.popin-modifier-alerte-cv input[type=text] {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.tdb-cvtheque h2.orange {
    background: url(/theme/espace-recruteur/images/h2-orange.gif) no-repeat top 6px left 8px;
    border-bottom: 1px solid #C8DAE9;
    padding: 0 0 5px 30px;
    margin: 10px 0 0 0;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579D;
    margin-bottom: 20px;
}

.tdb-cvtheque .success {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-weight: bold;
    color: #00AA00;
}

.recherche-cv .suggests-content {
    position: relative;
}

.recherche-cv .suggests {
    position: absolute;
    left: 25%;
    top: 26px;
    width: 58%;
    min-width: 153px;
    z-index: 1;
    background: #FFF;
    border: 1px solid #C8DAE9;
    max-height: 200px;
    overflow: auto;
}

.recherche-cv .suggests-results {
    float: left;
    width: 58%;
}

.recherche-cv .suggests-results button {
    float: left;
    width: 100%;
}

.recherche-cv .localisation-options {
    position: relative;
}

.abo {
    float: left;
    width: 100%;
    border-radius: 10px;
    background: #eff0f1;
    padding: 20px;
    margin-bottom: 20px;
}

.abo .btn {
    text-align: right;
    margin: 10px 0 0 0;
}

.content .submit {
    display: inline-block;
}

.mes-alertes-abo .btn {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: right;
}

.mes-comptes-cvtheques .tableau {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0 20px;
}

.mes-comptes-cvtheques table {
    float: left;
    width: 100%;
    text-align: center;
}

.mes-comptes-cvtheques thead {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #454545;
}

.mes-comptes-cvtheques thead td {
    padding-bottom: 20px;
}

.mes-comptes-cvtheques tr td {
    padding: 5px 5px 10px 5px;
    text-align: left;
}

.mes-comptes-cvtheques .element_cacher_info_cpt_cvtheque {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mes-comptes-cvtheques .afficher_info_cpt_cvtheque {
    display: inline-block;
    background: url(/theme/espace-recruteur/images/loupe.png) no-repeat top 0 left 0;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

.mes-comptes-cvtheques .prenom-nom {
    text-align: left;
}

.mes-comptes-cvtheques th,
.mes-comptes-cvtheques th.prenom-nom,
.mes-comptes-cvtheques th.actions {
    text-align: left;
    padding: 5px 5px 10px 5px;
}

.mes-comptes-cvtheques .prenom-nom p {
    margin-bottom: 5px;
}

.mes-comptes-cvtheques .loupe {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.mes-comptes-cvtheques .informations_cpt_cvtheque {
    position: absolute;
    top: 0;
    left: 0;
    background: #c8dae9;
    padding: 20px;
    border: 1px solid #c8dae9;
    z-index: 1;
    text-align: left;
    min-width: 400px;
}

.mes-comptes-cvtheques .informations_cpt_cvtheque .cacher_info_cpt_cvtheque {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    color: #000;
    z-index: 2;
}

.mes-comptes-cvtheques .informations_cpt_cvtheque .cacher_info_cpt_cvtheque:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    top: 0;
    left: 9px;
    background: #000;
    transform: rotate(45deg);
}

.mes-comptes-cvtheques .informations_cpt_cvtheque .cacher_info_cpt_cvtheque:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    top: 0;
    left: 9px;
    background: #000;
    transform: rotate(-45deg);
}

.mes-comptes-cvtheques .actions {
    text-align: left;
}

.mes-comptes-cvtheques .reedite_cpt_cvtheque {

}

.mes-comptes-cvtheques .se-connecter {
    color: #3279B3;
}

.mes-comptes-cvtheques .se-connecter:hover {
    text-decoration: underline;
}

.popin-mes-annonces .btns {
    float: left;
    width: 100%;
}

.popin-mes-annonces .message {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.popin-mes-annonces .button-green,
.popin-mes-annonces .button-blue {
    margin: 0;
    padding: 5px 10px;
}

.popin-mes-annonces .button-green:hover,
.popin-mes-annonces .button-blue:hover {
    text-decoration: none;
}

.popin-mes-annonces .btn-left {
    float: left;
}

.popin-mes-annonces .btn-right {
    float: right;
}

.mon-profil fieldset > legend {
    float: left;
    width: 100%;
    font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
    padding: 12px 0 3px 40px;
    margin: 10px 0 20px 0;
}

.mon-profil fieldset .champ {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.mon-profil .champ.required label:after {
    content: " *";
    color: #e61b38;
}

.mon-profil p {
    float: left;
    width: 82%;
    text-align: right;
    font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
}

@media (max-width: 1000px) {
    .mon-profil p {
        width: 100%;
    }
}

.mon-profil p.msg {
    float: left;
    width: 100%;
    text-align: left;
    font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
    font-weight: bold;
}

.mon-profil p.required:before {
    content: "* ";
    color: #e61b38;
}

.mon-profil .infos legend {
    background: url(/theme/espace-recruteur/images/profil-infos.png) no-repeat top 0 left 0;
}

.mon-profil .facturation legend {
    background: url(/theme/espace-recruteur/images/profil-facturation.png) no-repeat top 0 left 0;
}

.mon-profil label {
    float: left;
    width: 30%;
    font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
    text-align: right;
    margin: 0 2% 0 0;
    padding: 4px 0 3px;
}

@media (max-width: 1000px) {
    .mon-profil label {
        text-align: left;
        width: 100%;
    }
}



.mon-profil input[type="text"], .cvtheque-new-password input {
    float: left;
    width: 50%;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    background: #fff;
    border: 1px solid #c8dae9;
    padding: 3px;
}

@media (max-width: 1000px) {
    .mon-profil input[type="text"] {
        width: 100%;
    }
}

.mon-profil select {
    float: left;
    width: 50%;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    background: #fff;
    border: 1px solid #c8dae9;
    padding: 3px;
}

@media (max-width: 1000px) {
    .mon-profil select {
        width: 100%;
    }
}

.mon-profil .btn-valider {
    float: left;
    width: 82%;
    text-align: right;
    margin: 20px 0;
}

@media (max-width: 1000px) {
    .mon-profil .btn-valider {
        width: 100%;
    }
}

.mon-profil .btn-valider input {
    margin: 0;
    display: inline-block;
}

.mon-profil.cvtheque-new-password {
    clear: both;
    float: none;
    width: 100%;
}

.mon-profil.cvtheque-new-password label {
    float: none;
    width: 100%;
    display: block;
    text-align: left;
    margin: 0;
}


.mon-profil.cvtheque-new-password input {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
}

.mon-profil.cvtheque-new-password p {
    float: none;
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
}



.mon-profil ul.errors {
    float: left;
    width: 100%;
    padding-left: 32%;
    color: #e61b38;
}

.mes-structures p {
    margin: 0 0 10px 0;
}

.mes-structures .recherche {
    float: left;
    width: 100%;
    position: relative;
}

.mes-structures .recherche form {
    position: absolute;
    top: 10px;
    right: 0;
}

@media (max-width: 1000px) {
    .mes-structures .recherche form {
        top: auto;
        right: auto;
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
}

.mes-structures .recherche input[type="text"] {
    float: left;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    background: #fff;
    border: 1px solid #c8dae9;
    padding: 3px 23px 3px 3px;
}

@media (max-width: 1000px) {
    .mes-structures .recherche input[type="text"] {
        width: 100%;
    }
}

.mes-structures .recherche input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 100%;
    text-indent: -9999px;
    background: url(/theme/espace-recruteur/images/structures-rechercher.png) no-repeat top 0 left 0;
}

.mes-structures .recherche ul {
    position: absolute;
    top: 23px;
    left: 0;
    padding: 5px;
    width: 100%;
}

.mes-structures .recherche li {
    float: left;
    width: 100%;
    background: #fff;
    padding: 5px;
    color: #747474;
    cursor: pointer;
}

.mes-structures .recherche li:hover {
    color: #00579d;
}

.mes-structures .structures {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}

.mes-structures .structures .structure {
    flex: 0 0 33.3333333333%;
    padding: 7px;
    min-height: 142px;
    border-radius: 10px;
}

@media (max-width: 1000px) {
    .mes-structures .structures .structure {
        flex: 0 1 100%;
    }
}

.mes-structures .structures .structure-content {
    border: 1px solid #c8dae9;
    border-radius: 10px;
    height: 100%;
}

.mes-structures .ajouter .btn-add {
    width: 100%;
    height: 100%;
}

.mes-structures .ajouter button {
    width: 100%;
    height: 100%;
    background: #eff0f1;
    font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
    border-radius: 10px;
}

.mes-structures .struct-sauv .structure-content {
    padding: 15px 15px 35px 15px;
    position: relative;
    overflow: hidden;
}

.mes-structures .struct-sauv .tools {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background: #eff0f1;
}

.mes-structures .struct-sauv .modifier button {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #3279b3;
    padding-right: 12px;
    background: url(/theme/espace-recruteur/images/modifier.png) no-repeat top 3px right 0;
}

.mes-structures .struct-sauv .supprimer button {
    position: absolute;
    top: 0;
    left: 10px;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background: url(/theme/espace-recruteur/images/supprimer.png) no-repeat top 50% left 50%;
}

.mes-structures .email {
    word-wrap: break-word;
}

.historique .grey-block {
    padding: 10px;
}

.historique .tri {
    float: right;
    width: 50%;
    margin-bottom: 10px;
}

@media (max-width: 1000px) {
    .historique .tri {
        float: left;
        width: 100%;
    }
}

.historique .tri label {
    float: left;
    width: 50%;
    padding: 4px 0;
}

@media (max-width: 1000px) {
    .historique .tri label {
        width: 100%;
    }
}

.historique .tri select {
    float: left;
    width: 50%;
    border: 1px solid #c8dae9;
    padding: 2px 5px;
}

@media (max-width: 1000px) {
    .historique .tri select {
        width: 100%;
    }
}

.historique .commande-list {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.historique .grey-block .commande-list li {
    float: left;
    width: 100%;
}

.historique .grey-block .commande-list li:nth-child(even) {
    background: #fafbfd;
}

.historique .col-devis {
    float: left;
    padding: 10px;
}

@media (max-width: 1000px) {
    .historique .col-devis {
        width: 100%;
        padding-bottom: 0;
    }
}

.historique .col-montant {
    float: right;
    text-align: right;
    padding: 10px;
}

@media (max-width: 1000px) {
    .historique .col-montant {
        float: left;
        text-align: left;
        padding-top: 0;
    }
}

.historique .facture-devis {
    font: 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

.historique .montant strong {
    font: 18px Verdana, Arial, Helvetica, sans-serif;
}

.detail-commande h2 {
    margin-bottom: 20px;
}

.detail-commande .id {
    margin-bottom: 20px;
}

.detail-commande .p-recap {
    margin-bottom: 20px;
}

.detail-commande table {
    width: 100%;
    font-size: 10px;
    line-height: 14px;
}

.detail-commande th {
    font-weight: bold;
    background: #eff0f1;
    border: 1px solid #c8dae9;
    padding: 5px;
    text-align: center;
}

.detail-commande td {
    padding: 5px;
}

.detail-commande .item td {
    border: 1px solid #c8dae9;
    text-align: center;
}

.detail-commande .item td.designation {
    text-align: left;
}

.detail-commande .remise,
.detail-commande .total {
    text-align: right;
}

.detail-commande .global {
    font-size: 15px;
    color: #e48d37;
}

.detail-commande .btn-editer {
    float: left;
    width: 100%;
    text-align: right;
    margin: 20px 0 0 0;
}

.detail-commande .btn-editer .button-orange {
    display: inline-block;
    margin: 0;
}

.print-facture {
    font: 10px/160% Verdana, Arial, sans-serif;
    color: #000;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    height: 100%;
    position: relative;
}

@media screen {
    .print-facture {
        padding: 20px 0;
        width: 800px;
        float: none;
        margin: 0 auto;
        overflow: auto;
        display: flex;
    }

    .print-facture #facture {
        float: left;
        width: 100%;
        padding: 20px;
        background: #fff;
        border: 1px solid #e8eaed;
    }
}

.print-facture * {
    box-sizing: border-box;
}

.print-facture p {
    margin: 0;
}

.print-facture .header {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.print-facture .header .gauche {
    float: left;
    width: 20%;
}

.print-facture .header .gauche img {
    float: left;
    width: 100%;
    height: auto;
}

.print-facture .header .droite {
    float: right;
    width: 80%;
    text-align: right;
}

.print-facture .gris {
    float: left;
    width: 100%;
    background: #e8eaed;
    border: 1px solid #e8eaed;
    padding: 10px;
    margin-bottom: 10px;

}

.print-facture .gris .gauche {
    float: left;
    width: 50%;
}

.print-facture .gris .droite {
    float: right;
    width: 50%;
    text-align: right;
}

.print-facture .gris .titre {
    font-size: 12px;
    color: #005da3;
}

.print-facture .tableau {
    float: left;
    width: 100%;
    font-size: 10px;
    margin-bottom: 10px;
}

.print-facture .tableau th,
.print-facture .tableau td {
    padding: 5px;
}

.print-facture .tableau th {
    border-bottom: 2px solid #bbd1e6;
}

.print-facture .tableau .total-ht td {
    border-top: 2px solid #bbd1e6;
}

.print-facture .tableau .montant {
    text-align: right;
}

.print-facture .tableau .montant-ttc {
    background: #d7e4f1;
}

.print-facture .tableau .montant-ttc td {
    border-top: 2px solid #bbd1e6;
    border-bottom: 2px solid #bbd1e6;
}

.print-facture .coord {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.print-facture .coord .gauche {
    float: left;
    width: 60%;
}

.print-facture .coord .gauche.large {
    width: 100%;
}

.print-facture .coord .droite {
    float: left;
    width: 40%;
}

.print-facture .coord .droite .valider-devis {
    margin-bottom: 10px;
}

.print-facture .coord .droite .bon-accord {
    float: left;
    width: 100%;
    border: 1px solid #bbd1e6;
    padding: 5px;
    height: 120px;
}

.print-facture .coord .titre {
    color: #005da3;

}

.print-facture .valable {
    float: left;
    width: 100%;
    margin-bottom: 20px;

}

.print-facture .footer {
    float: left;
    width: 100%;
}

.print-facture .footer p {
    float: left;
    width: 100%;
    font-size: 8px;
    text-align: center;
}

.passer-commande .offres {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    clear: both;
}

.passer-commande .offre-generique {
    flex: 0 0 33.3333333333%;
    padding: 7px;
}

@media (max-width: 1000px) {
    .passer-commande .offre-generique {
        flex: 0 0 100%;
    }
}

.passer-commande .offre {
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}

.passer-commande .titre {
    float: left;
    width: 100%;
    font: 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
    border-bottom: 1px solid #c8dae9;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.passer-commande .button-orange {
    margin: 0;
}

.passer-commande .accroche {
    padding-bottom: 40px;
}

.passer-commande .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.passer-commande h2 {
    margin-bottom: 10px;
}

.nos-offres-recruteurs .offres {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.nos-offres-recruteurs .offre {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.nos-offres-recruteurs .offre:last-child {
    margin-bottom: 0;
}

.nos-offres-recruteurs .gauche {
    float: left;
    width: 50%;
    padding-right: 10px;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .gauche {
        width: 100%;
        padding-right: 0;
    }
}

.nos-offres-recruteurs .offre-unique .gauche {
    float: left;
    width: 75%;
    padding-right: 10px;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .offre-unique .gauche {
        width: 100%;
    }
}

.nos-offres-recruteurs .droite {
    float: left;
    width: 50%;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .droite {
        float: left;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .droite {
        width: 100%;
    }
}

.nos-offres-recruteurs .offre-unique .droite {
    float: left;
    width: 25%;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .offre-unique .droite {
        float: left;
        width: 100%;
    }
}

.nos-offres-recruteurs .nom {
    font: 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #f6993c;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .nom,
    .nos-offres-recruteurs .texte,
    .nos-offres-recruteurs .offre-unitaire-more-info {
        text-align: center;
        display: block;
    }
}

.nos-offres-recruteurs .tarifs {
    float: left;
    width: 100%;
}

.nos-offres-recruteurs .tarif {
    float: left;
    width: 50%;
    text-align: center;
}

.nos-offres-recruteurs .offre-unique .tarif {
    width: 100%;
}

.nos-offres-recruteurs .offre-unique .tarif:nth-child(1) {
    border-right: none;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .tarif {
        width: 100%;
        margin: 20px 0;
    }
}

.nos-offres-recruteurs .tarif:nth-child(1) {
    border-right: 1px solid #dddddd;
}

@media (max-width: 1000px) {
    .nos-offres-recruteurs .tarif:nth-child(1) {
        border-right: none;
    }
}

.nos-offres-recruteurs .duree {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    margin-bottom: 5px;
}

.nos-offres-recruteurs .prix {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #454545;
    margin-bottom: 5px;
}

.nos-offres-recruteurs .button-orange {
    margin: 0;
    padding: 5px 10px;
}

.nos-offres-recruteurs .button-blue {
    margin: 0;
}

.finaliser-commande-1 h2 {
    margin-bottom: 10px;
}

.finaliser-commande-1 .tableau {
    float: left;
    width: 100%;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    overflow: hidden;
}

.finaliser-commande-1 .tableau-2 {
    border: 1px solid #fff;
    margin-bottom: 20px;
}

.finaliser-commande-1 table {
    float: left;
    width: 100%;

}

.finaliser-commande-1 th,
.finaliser-commande-1 td {
    padding: 10px;
}

.finaliser-commande-1 th {
    background: #eff0f1;
    font-weight: bold;
}

.finaliser-commande-1 .produit {
    text-align: left;
}

.finaliser-commande-1 .pu {
    text-align: right;
    width: 150px;
}

.finaliser-commande-1 .total {
    text-align: right;
    width: 150px;
}

.finaliser-commande-1 .sup {
    text-align: center;
    width: 50px;
}

.finaliser-commande-1 .sup a {
    text-indent: -9999px;
    background: url(/theme/espace-recruteur/images/supprimer.png) no-repeat top 50% left 50%;
    display: inline-block;
    width: 28px;
    height: 28px;
}

.finaliser-commande-1 .line-4 {
    font-weight: bold;
    color: #f6993c;
    font-size: 15px;
}

.finaliser-commande-1 .ajout-offre {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: right;
}

.finaliser-commande-1 .ajout-offre a {
    background: url(/theme/espace-recruteur/images/plus.png) no-repeat top 2px left 0;
    padding: 3px 0 3px 25px;

}

.finaliser-commande-1 .btns {
    float: left;
    width: 100%;
}

.finaliser-commande-1 .btn-gauche {
    float: left;
    width: 50%;
    text-align: left;
}

.finaliser-commande-1 .btn-droite {
    float: left;
    width: 50%;
    text-align: right;
}

.finaliser-commande-1 .button-orange {
    margin: 0;
    padding: 5px 10px;
}

.finaliser-commande-1 .button-blue {
    margin: 0;
}

.finaliser-commande-2 h2 {
    margin-bottom: 10px;
}

.finaliser-commande-2 .button-orange {
    margin: 10px 0 0 0;
}

.finaliser-commande-2 .email-send-devis label {
    float: left;
    width: 100%;
}

.finaliser-commande-2 .email-send-devis input {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    background: #fff;
    border: 1px solid #c8dae9;
    padding: 3px;
}

.finaliser-commande-2 .btns {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.finaliser-commande-2 .btn-gauche {
    float: left;
    width: 50%;
    text-align: left;
}

.finaliser-commande-2 .btn-droite {
    float: left;
    width: 50%;
    text-align: right;
}

.finaliser-commande-2 .button-orange {
    margin: 0;
    padding: 5px 10px;
}

.finaliser-commande-2 .button-blue {
    margin: 0;
}

.finaliser-commande-2 .errors {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.finaliser-commande-2 .errors li {
    color: #e61b38;
}

.demande-devis-terminee h1 {
    background: url(/theme/espace-recruteur/images/check-orange.jpg) no-repeat top 2px left 0;
}

.demande-devis-terminee .merci {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.demande-devis-terminee .devis a {
    display: inline;
    background: url(/theme/espace-recruteur/images/candidature-doc.jpg) no-repeat top 0 left 0;
    padding: 2px 0 2px 20px;
}

.demande-devis-terminee .infos {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #c8dae9;
    border-radius: 10px;
    margin: 10px 0;
}

.demande-devis-terminee .infos h2 {
    margin: 0 0 10px 0;
}

.demande-devis-terminee .retour-accueil {
    float: left;
    width: 100%;
    margin: 10px 0;

}

.demande-devis-terminee .retour-accueil a {
    position: relative;
    padding-left: 10px;
}

.demande-devis-terminee .retour-accueil a:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #00549d;
    background: none;
}

p.error {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.popin .modify-title {
    float: left;
    width: 100%;
    padding: 10px;
}

.stats-offre .chart-div {
    float: left;
    width: 100%;
}

@media (max-width: 800px) {
    .lightface .lightfaceContent {
        width: 400px !important;
    }
}

@media (max-width: 400px) {
    .lightface .lightfaceContent {
        width: 300px !important;
    }
}

.lightface .lightfaceContent .lightfaceTitle {
    padding-right: 40px;
}

.annonce-detail .content-article {
    float: left;
    width: 355px;
}

@media (max-width: 1000px) {
    .annonce-detail .content-article {
        width: 100%;
    }
}

.annonce-detail .sidebar-article {
    min-width: 0;
    float: right;
    width: 230px;
    margin: 0;
}

@media (max-width: 1000px) {
    .annonce-detail .sidebar-article {
        width: 100%;
    }
}

@media (max-width: 830px) {
    .annonce-detail .sidebar-article .share-actions, .sidebar-article .offer-dl {
        width: 100%;
        margin: 0;
    }
}

.annonce-detail .btns-nav {
    float: left;
    width: 100%;
}

.annonce-detail .btns-nav .coll-left {
    float: left;
    width: 50%;
    padding-right: 20px;
}

.annonce-detail .btns-nav .coll-right {
    float: left;
    width: 50%;
    padding-left: 20px;
}

.annonce-detail .btns-nav a {
    width: 100%;
    margin: 0;
}

.annonce-detail .apercu-offre-poste {
    margin: 0;
    padding: 0;
    font: 400 25px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579D;
}

.annonce-detail .apercu-offre-entreprise {
    padding: 0;
    font: 400 18px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #747474;
    margin: 0 0 10px;
}

.annonce-detail .apercu-offre-lieu {
    padding: 0;
    font: normal 12px/140% Verdana, Arial, sans-serif;
    color: #818181;
    margin: 0 0 10px;
}

.annonce-detail .sidebar-article .bloc-bg {
    width: 100%;
}

.annonce-detail .btns {
    position: relative;
    float: left;
    width: 100%;
}

.annonce-detail .btns .col-gauche {
    position: absolute;
    left: 0;
    top: 18px;
    margin-top: 10px;
}

.annonce-detail .btns .col-gauche a {
    position: relative;
    padding: 10px 0 10px 10px;
}

.annonce-detail .btns .col-gauche a:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #00549d;
    background: none;
}

.annonce-detail .btns .col-droite {
    /*float: right;
    width: 50%;*/
    text-align: center;
}

.annonce-detail .btns .col-droite .publier-content {
    /*float: right;*/
    display: inline-block;
    pointer-events: auto;
    width: 160px;
    text-align: center;
}

.annonce-detail .btns .col-droite a {
    margin: 0;
    width: 160px;
}

.tabPanel-widget > input + h2 + div.w100 {
    width: 100% !important;
}

.menu-left .mobile h2 {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.menu-left .mobile button {
    color: #00579D;
    position: relative;
    padding-right: 20px;
}

.menu-left .mobile button:before {
    position: absolute;
    content: "";
    top: 7px;
    right: 3px;
    width: 2px;
    height: 10px;
    transform: rotate(45deg);
    background: #00579D;
}

.menu-left .mobile button:after {
    position: absolute;
    content: "";
    top: 7px;
    right: 9px;
    width: 2px;
    height: 10px;
    transform: rotate(-45deg);
    background: #00579D;
}

.menu-left .mobile-hide {
    display: none;
}

@media (max-width: 1000px) {
    .menu-left .desktop {
        display: none;
    }

    .menu-left .mobile {
        display: block;
    }
}

@media (min-width: 1000px) {
    .menu-left .desktop {
        display: block;
    }

    .menu-left .mobile {
        display: none;
    }
}

.creation-compte .connexion {
    position: relative;

}

.creation-compte .connexion span {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 14px;
    line-height: 16px;
}

@media (max-width: 1000px) {
    .creation-compte .connexion span {
        position: static;
        top: auto;
        right: auto;
        display: block;
    }
}

.creation-compte legend {
    float: left;
    width: 100%;
    padding: 13px 0 7px 70px;
    margin: 10px 0 10px 0;
    font: bold 16px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #e48d37;
}

@media (max-width: 1000px) {
    .creation-compte legend {
        padding: 13px 0 7px 40px;
    }
}

.creation-compte .identifiants legend {
    background: url(/theme/espace-recruteur/images/creation-compte-1.jpg) no-repeat top 0 left 30px;
}

.creation-compte .contact legend {
    background: url(/theme/espace-recruteur/images/creation-compte-2.jpg) no-repeat top 0 left 30px;
}

.creation-compte .adresse legend {
    background: url(/theme/espace-recruteur/images/creation-compte-3.jpg) no-repeat top 0 left 30px;
}

.creation-compte .inscription legend {
    background: url(/theme/espace-recruteur/images/creation-compte-4.jpg) no-repeat top 0 left 30px;
}

.creation-compte .infos legend {
    background: url(/theme/espace-recruteur/images/creation-compte-5.jpg) no-repeat top 0 left 30px;
}

@media (max-width: 1000px) {
    .creation-compte .identifiants legend {
        background: url(/theme/espace-recruteur/images/creation-compte-1.jpg) no-repeat top 0 left 0;
    }

    .creation-compte .contact legend {
        background: url(/theme/espace-recruteur/images/creation-compte-2.jpg) no-repeat top 0 left 0;
    }

    .creation-compte .adresse legend {
        background: url(/theme/espace-recruteur/images/creation-compte-3.jpg) no-repeat top 0 left 0;
    }

    .creation-compte .inscription legend {
        background: url(/theme/espace-recruteur/images/creation-compte-4.jpg) no-repeat top 0 left 0;
    }

    .creation-compte .infos legend {
        background: url(/theme/espace-recruteur/images/creation-compte-5.jpg) no-repeat top 0 left 0;
    }
}

.creation-compte fieldset dt,
.creation-compte fieldset dd {
    float: left;
    width: 100%;
}

.creation-compte fieldset label {
    float: left;
    width: 100%;
    padding: 0 0 0 70px;
    margin: 0 0 5px 0;
    font: 14px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #00579d;
}

@media (max-width: 1000px) {
    .creation-compte fieldset label {
        padding: 0;
    }
}

.creation-compte label.required:before {
    content: "* ";
    color: #e61b38;
}

.creation-compte input[type="text"],
.creation-compte input[type="password"],
.creation-compte select {
    float: left;
    width: 350px;
    padding: 3px 5px;
    margin: 0 0 10px 70px;
    color: #747474;
    font-size: 14px;
    background-color: #FFF;
    border: 1px solid #C8DAE9;
}

@media (max-width: 1000px) {
    .creation-compte input[type="text"],
    .creation-compte input[type="password"],
    .creation-compte select {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

.creation-compte .inscription {
    position: relative;
}

.creation-compte .inscription label {
    padding: 0 0 0 90px;
}

@media (max-width: 1000px) {
    .creation-compte .inscription label {
        padding: 0 0 0 20px;
    }
}

.creation-compte .inscription input[type="checkbox"] {
    position: absolute;
    top: 57px;
    left: 70px;
}

@media (max-width: 1000px) {
    .creation-compte .inscription input[type="checkbox"] {
        left: 0;
    }
}

.creation-compte .inscription p {
    margin-left: 70px;
}

@media (max-width: 1000px) {
    .creation-compte .inscription p {
        margin-left: 20px;
    }
}

.creation-compte .infos {
    position: relative;
    margin-bottom: 30px;
}

.creation-compte .infos label {
    padding: 0 0 0 90px;
}

@media (max-width: 1000px) {
    .creation-compte .infos label {
        padding: 0 0 0 20px;
    }

    .creation-compte .infos label[for="optin_partenaires"] {
        position: absolute;
        top: 104px;
        left: 0;
    }

}

.creation-compte .infos #optin_groupe {
    position: absolute;
    top: 57px;
    left: 70px;
}

@media (max-width: 1000px) {
    .creation-compte .infos #optin_groupe {
        left: 0;
    }
}

.creation-compte .infos #optin_partenaires {
    position: absolute;
    top: 76px;
    left: 70px;
}

@media (max-width: 1000px) {
    .creation-compte .infos #optin_partenaires {
        position: absolute;
        top: 105px;
        left: 0;
    }
}

.creation-compte .btn-valider {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.creation-compte .btn-valider .button-orange {
    margin: 0;
}

.creation-compte p.required {
    float: left;
    width: 100%;
    margin: 20px 0 0 70px;
    font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #00579d;
    font-style: italic;
}

@media (max-width: 1000px) {
    .creation-compte p.required {
        margin: 20px 0 0 0;
    }
}

.creation-compte p.required span {
    color: #e61b38;
    margin-right: 5px;
}

.creation-compte .errors {
    float: left;
    width: 100%;
}

.creation-compte .errors li {
    color: #e61b38;
    margin: 0 0 10px 70px;
}

@media (max-width: 1000px) {
    .creation-compte .errors li {
        margin: 0 0 10px 0;
    }
}

.creation-compte fieldset.captcha img, .creation-compte fieldset.captcha div {
    margin-left: 7%;
}

aside.sidebar {
    display: none;
}