/************* Page partners **********/
.partner-content {
    float: left;
    width: 100%;
}

.partner-content ul {
    text-align: center;
}

.partner-content ul li {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0;
    width: 260px;
}

.partner-content .height-1 li,
.partner-content .height-2 li {
    width: 260px;
}

.medium,
.partner-content .height-1 .medium {
    width: 210px;
}

.little,
.partner-content .height-1 .little {
    width: 120px;
}

.partner-content li a {
    text-decoration: none;
}

.partner-content li a span {
    color: #747474;
    display: block;
}

.partner-content .height-3 {
    text-align: left;
}

.partner-content .height-3 li {
    width: 125px;
    height: 85px;
    overflow: hidden;
}

.partner-content .height-3 img {
    max-width: 100px;
    height: auto;
}

/************* Page témoignage ***********/
.temoignage {
    float: left;
    width: 96%;
    text-align: left;
    padding: 20px 2%;
    margin: 0;
    border-bottom: 1px solid #E5E4E4;
}

.temoignage p {
    text-align: left;
    width: 100%;
}

.temoignage div {
    float: right;
    text-align: left;
    width: 29%;
    margin: 0 0 0 20px;
}

.temoignage div img {
    margin: 0 0 10px;
    max-width: 100%;
}

.offer-more {
    margin: 20px 0 10px;
}

.offer-more a {
    font-weight: 700;
    padding: 6px 0 12px 30px;
    background: url(../../images/picto-offres.gif) no-repeat;
}

/************ Page Infos **********/
.practical-advice {
    position: relative;
    float: left;
    width: 54%;
    margin: 0 6% 0 3%;
    padding: 20px 2.5%;
}

.practical-advice:before {
    position: absolute;
    top: -15px;
    left: -20px;
    content: "";
    width: 45px;
    height: 35px;
    background: url(/images/fond-conseils.png) no-repeat;
}

.practical-advice ul {
    float: left;
    width: 40%;
    padding: 0;
}

.practical-advice ul + ul {
    width: 57%;
    margin: 0 0 0 3%;
}

.practical-advice ul li {
    padding: 0 0 0 15px;
    margin: 0 0 4px 0;
    background: url(/images/puce-conseil.gif) no-repeat 0 4px;
}

.practical-advice ul li a {
    color: #3A4808;
    font-weight: bold;
}

.practical-advice ul li a:hover {
    color: #668200;
}

.practical-advice + .bloc-r {
    width: 26%;
    min-width: 170px;
}

/* Page contact */
.tab-conseil {
    border: 1px solid #B0B4DD;
    margin: 40px 0 0 0;
    background: #E9EAF3;
}

.table.tab-conseil tbody td {
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    color: #423C97;
    padding: 0;
}

.tab-conseil td p {
    color: #423C97;
    margin: 20px 0 0;
}

.tab-conseil td a {
    font-weight: bold;
    color: #423C97;
}

.tab-conseil td table {
    margin: 10px auto 0;
}

.tab-conseil td table td {
    vertical-align: middle;
}

.tab-conseil td .titreConseil {
    font-size: 24px;
    color: #423C97;
}

/* Page nous choisir */
.list-img h3 {
    font-size: 16px;
}

.choose .list-img span {
    width: 60px;
    margin: 0 0 20px
}

.choose .list-img strong {
    display: inline;
    width: auto;
}

.choose .list-img span img {
    max-width: 100%;
}

/* Actus et publi */
.static-content h3 {
    color: #00579D;
    font: 700 15px/140% Verdana, Geneva, sans-serif;
    margin: 15px 0;
}

.static-content h4 {
    color: #000;
    font: 700 12px/140% Verdana, Arial, Sans-serif
}

.cadre,
.cadre-bordure,
.cadre-orange {
    background-color: #E9F0F5;
    border: 1px solid #C6D4DE;
    margin: 20px 10px;
    padding: 10px 20px;
}

.cadre-bordure {
    background: none;
}

.cadre-orange {
    background: #F6A800;
    border-color: #f18E00;
}

.content .cadre-orange * {
    color: #FFF;
}

.static-content .cadre ul, .static-content .cadre ol {
    margin: 10px 0;
}

.static-content p, .static-content li {
    line-height: 150%;
    font-size: 13px;
}

.static-content .chapeau {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px;
}

.static-content .important {
    font-size: 16px;
    text-align: center;
    line-height: 140%;
    margin: 10px 0;
    color: #333;
}

.static-content .center {
    text-align: center;
}

.static-content .right {
    text-align: right;
}

.static-content .green {
    color: #b4b401;
}

.static-content .light-blue {
    color: #75A5CC;
}

.static-content .blue {
    color: #00579D;
}

.static-content .orange {
    color: #E48D37;
}

.static-content .medias {
    max-width: 550px;
    margin: 10px auto;
}

.static-content .medias object {
    width: 100%;
    height: 300px;
}

.list-inline li {
    font-size: 12px;
}

.list-bullet li {
    margin-top: 5px;
    background: url(/images/actu/puce-new.png) no-repeat;
    padding: 0 0 0 20px;
}

.list-bullet li li {
    background: none;
}

.list-inline.list-bullet li {
    margin: 0;
    padding: 5px 0 0 20px;
    background-position: 6px 3px;
}

.list-inline.list-bullet li:before {
    content: "";
}

.static-content ul,
.static-content ol {
    clear: both;
    margin: 0;
    padding: 0 0 0 2rem;
}

.static-content ul li,
.static-content ol li {
    margin-bottom: 10px;

}

.static-content li p {
    margin: 6px 0;
    padding: 0;
}

.static-content ol li {
    list-style-type: decimal;
    padding: 0;
}

.static-content ul ul, .static-content ol ul {
    margin: 8px 0 0 20px;
}

.static-content .list li:before {
    margin-left: -12px;
}

.static-content .bloc-note {
    margin: 20px 0;
}

.note-titre {
    border-top: 1px solid #F2F2F2;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 20px 0;
}

.bloc-note .note-texte {
    list-style-type: decimal;
    margin: 5px 17px;
    padding: 0 20px 0;
}

.static-content .bloc-note li {
    font-size: 10px;
}

.bloc-note ol li {
    margin: 5px 17px;
    padding: 0;
}

.img-right {
    float: right;
    margin: 0 0 10px 20px;
}

.img-left {
    float: left;
    margin: 0 10px 20px 0;
}

.img-center {
    margin: 20px 0;
    text-align: center;
    padding: 0;
}

.full-width {
    width: 100%;
}

.static-content .full-width img {
    max-width: 100%;
    width: 80%;
    height: auto;
}

.static-content .adresse {
    margin: 10px 0;
}

.static-content .adresse p {
    margin: 0;
    padding: 0;
}

.static-content .date {
    color: #00579D;
}

.static-content .clear {
    clear: both;
    margin: 20px 0;
}

.signature {
    border-top: 1px solid #F2F2F2;
    clear: left;
    display: block;
    margin: 10px 0;
    padding: 10px 0 0;
}

.signature span {
    color: #808080;
    display: block;
}

span.block {
    display: block;
}

.box-table {
    clear: both;
    width: 100%;
    overflow-y: auto;
    margin: 20px 0;
}

.table-custom {
    width: 97%;
    max-width: 790px;
    margin: 0 auto;
}

.table-custom tr:hover {
    background-color: #E9F0F5;
}

.table-custom tr td.titre-ligne, .table-custom tr th.titre-ligne, .table-custom th {
    background-color: #E9F0F5;
    font: 700 12px/100% Verdana, Geneva, sans-serif;
}

.table-custom tr td {
    border: 1px solid #E8E8E8;
    padding: 5px;
}

.static-content.gh-st-joseph h2 {
    color: gray;
    padding: 0 0 10px 35px;
    background: url(https://www.emploisoignant.com/images/publiredactionnel/puce-st-joseph.jpg) no-repeat;
}

/*----------------------------- OFFRES SPECIALES -----------------------*/
.special-offer h2 {
    background: none;
    border: 0;
    text-align: center;
    font: 400 38px/120% Verdana, Geneva, sans-serif;
}

.special-offer h2 span {
    font-size: 28px;
    display: block;
}

.special-offer h3 {
    font: 400 28px/140% Verdana, Geneva, sans-serif;
    text-align: center;
}

.static-content .orange {
    color: #E48D37;
}

.static-content .rouge {
    color: #F00;
}

/* bloc address */
.bloc-address {
    width: 85%;
    margin: 0 auto 20px;
}

.bloc-address p {
    width: 46%;
    margin: 0 0 10px;
}

.bloc-address figure {
    width: 50%;
}

.bloc-address figure img {
    width: 100%;
    height: auto;
    margin: 0 10px 20px 0;
}

.static-content .listing-group img {
    margin: 0 1.8% 0 0;
}

/* Partenaires - bloc pré charté */
.bloc-custom-info .list-square {
    float: left;
    width: 55%;
    margin: 0 2% 10px;
}

.bloc-custom-info .list-square li {
    margin: 15px 0;
    background-position: 0 6px;
}

.bloc-custom-info .list-square .footer-more {
    padding: 0 15px 0 0;
}

.bloc-custom-info .right {
    max-width: 40%;
    margin: 0;
}

.bloc-custom-info .right img {
    width: 100%;
    height: auto;
}

.bloc-custom .form-2col div + div {
    margin: 0 0 10px;
}

.bloc-custom .form-2col div:first-child {
    width: 50%;
}

.bloc-custom .form-2col div:first-child label {
    width: 75%;
}

.bloc-custom .button-deployed {
    text-indent: -500px;
    float: left;
    margin: 5px 2% 5px 0;
}

.bloc-custom .form-2col div > p {
    margin: 0 0 10px;
}

.bloc-custom .form-2col ul {
    margin: 0;
}

.bloc-custom .form-2col ul li {
    float: left;
    clear: left;
    margin: 10px 0;
    width: 100%;
}

.bloc-custom .form-2col ul li ul li {
    margin: 5px 0 5px 7%;
    width: 93%;
}

.bloc-custom .form-2col input[type="checkbox"] {
    margin: 4px 1% 0 0;
}

.bloc-custom .form-2col .SelectCheckBoxList {
    position: relative;
    width: 100%;
    margin-right: 0;
}

.bloc-custom .form-2col .SelectCheckBoxList ul {
    position: absolute;
    top: 26px;
    z-index: 2;
    width: 90%;
    padding: 0 0 0 2%;
    height: 335px;
    overflow-y: scroll;
}

.form-2col .CheckBoxListShowHide {
    padding: 3px 5% 3px 2%;
    margin: 0;
    width: 85%;
}

.form-2col .SelectCheckBoxList li label {
    width: auto;
}

/* */
.employer-section .bloc_sociaux {
    float: left;
}

.employer-section .bloc_sociaux span, .employer-section .bloc_sociaux .toolbar-fb,
.employer-section .bloc_sociaux ul, .employer-section .bloc_sociaux .toolbar-twitter {
    float: left;
}

.employer-section .bloc_sociaux ul {
    margin: 0;
}

.employer-section .bloc_sociaux li {
    margin: 0 10px;
}

@media only screen and (max-width: 757px) {
    .practical-advice + .bloc-r {
        float: none;
        margin: 20px auto;
    }

    .practical-advice {
        width: 92%;
        margin: 0 2% 20px;
    }

    .choose .list-img span {
        width: 50px;
        margin: 0;
    }

    .bloc-address {
        width: 95%;
    }

    .bloc-custom-info .list-square {
        float: none;
        width: 98%;
        margin: 20px 0;
    }

    .bloc-custom-info .right {
        float: none;
        text-align: center;
        max-width: 100%;
    }

    .bloc-custom-info .right img {
        width: auto;
    }
}

@media only screen and (max-width: 480px) {
    /* temoignage */
    .temoignage div {
        border: 1px solid #E5E4E4;
        padding: 10px 2%;
        min-width: 100px;
    }

    .temoignage p {
        font-size: 11px;
    }

    .static-content h2 {
        font-size: 18px;
    }

    .static-content img {
        display: block;
        float: none;
        height: auto;
        margin: 10px auto;
        max-width: 280px;
        text-align: center;
    }

    .static-content .list-logo img, .static-content .listing-group img {
        width: auto;
    }

    .static-content .chapeau {
        font-size: 15px;
    }

    .bloc-w3 {
        width: 97%;
        margin: 10px 0;
    }

    .bloc-address figure {
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }

    .bloc-address figure img, .bloc-address p {
        float: none;
        margin: 10px auto;
    }

    .bloc-address p {
        width: auto;
        text-align: center;
    }

    .static-content .medias object, .static-content .medias embed {
        height: 200px !important;
    }

    .bloc-custom .form-2col div:first-child {
        width: 96%;
    }

    .bloc-custom .form-2col div:first-child label {
        width: auto;
    }

    .employer-section .bloc_sociaux ul, .employer-section .bloc_sociaux .toolbar-twitter, .employer-section .bloc_sociaux span, .employer-section .bloc_sociaux .toolbar-fb {
        float: none;
        margin: 10px 0;
    }
}

article.static-content ul {
    list-style: inherit;
}




