/* ******************************************************************** 2016-06-09 16:19 *************************************************************************** */

/* ***************************************************************************************************************************************************************** */
/* ********************************************************** ANGULAR LOADING BAR ********************************************************************************** */
/* ********************************************* http://chieffancypants.github.io/angular-loading-bar/ ************************************************************* */
/* ******************************************** https://github.com/chieffancypants/angular-loading-bar ************************************************************* */
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: 350ms linear all;
    transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
    opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
    opacity: 1;
}

#loading-bar .bar {
    -webkit-transition: width 350ms;
    transition: width 350ms;
    background: #ed7601;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: .45;
    -ms-box-shadow: #ed7601 1px 0 6px 1px;
    box-shadow: #ed7601 1px 0 6px 1px;
    border-radius: 100%;
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px;
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #ed7601;
    border-left-color: #ed7601;
    border-radius: 10px;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    -ms-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes loading-bar-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Spécial Dev Angular */
.pointer:hover {
    cursor: pointer;
}

/* ************************************************************** RESET BOOTSTRAP ********************************************************************************** */
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

/*Fin de @media*/

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

/*Fin de @media*/

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

/*Fin de @media*/

body {
    color: #444;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    padding-right: 0 !important; /*Hack pour éviter un décalage avec les modals*/
}

body {
    overflow-x: hidden;
    width: 100%
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width : 768px) {
    .is-table-sm-row {
        display: table;
        width: 100%
    }
    .is-table-sm-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
    .is-table-sm-row .border-right + div {
        padding-left: 15px;
    }
}

.center-block {
    margin-left: auto !important;
    margin-right: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #000;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0 !important;
}

p,
.p,
ul li {
    font-size: 12px;
    line-height: 1.3em;
}

p,
.p {
    color: #444;
    margin: 5px 0;
    word-wrap: break-word;
}

p.side {
    margin: 6px 0;
}

p.chapo {
    font-size: 14px;
}

h1,
.h1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

h2,
.h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

h3,
.h3,
h3 label {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

h4,
.h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

span.h1,
span.h2,
span.h3,
span.h4 {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    h1 {
        font-size: 18px;
    }
}

/*Fin de @media*/

/* ********************************************************************** GENERAL ********************************************************************************** */
.container-fluid,
.container {
    padding: 0;
    position: relative;
}

.content {
    padding: 0 38px;
}

.relative {
    position: relative;
}

h1.border-bottom,
h2.border-bottom,
h3.border-bottom,
h4.border-bottom,
.border-bottom {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
}

.border-bottom h2,
.border-bottom h3 {
    margin: 0;
}

h1.service-index,
h2.service-index {
    background: #2a7788; /* Old browsers */
    /* FF3.6+ */
    background-image: url("../images/core/backgrounds/service-index.png");
    background-repeat: repeat-x;
    background-position: left center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a7788), color-stop(100%, #479eaf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%);
    background: linear-gradient(to bottom, #2a7788 0%, #479eaf 100%); /* W3C */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px !important;
    padding: 0 0 0 10px !important;
}

p.service-desc {
    margin-top: -5px;
    margin-bottom: 20px;
    color: #444;
    padding: 0 0 0 10px!important;
}

h2.entete {
    background: #2a7788; /* Old browsers */
    /* FF3.6+ */
    background-image: url("../images/core/backgrounds/service-index.png");
    background-repeat: repeat-x;
    background-position: left center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a7788), color-stop(100%, #479eaf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%);
    background: linear-gradient(to bottom, #2a7788 0%, #479eaf 100%); /* W3C */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFF;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 0 !important;
    padding: 0 0 0 10px !important;
}

h2.orange,
.h2.orange {
    color: #ed7601;
    line-height: 20px;
}

h3.orange {
    color: #ed7601;
}

p.little-grey {
    color: #969696;
    font-size: 12px;
    margin-bottom: 0;
}

p.legende {
    color: #7C8E91;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 0;
}

legend {
    border: 0 !important;
}

.grey-light {
    color: #666;
}

.grey {
    color: #444;
}

h3 span.grey {
    font-size: 13px;
}

span.orange {
    color: #ED7601;
}

span.subtitle {
    font-size: 15px;
}

.bold {
    font-weight: 700 !important;
}

.mention {
    font-size: 8px;
    margin-left: 42%;
    color: #9E9999;
}

.whitespace-pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* ********************************************************************** SELECTION DE TEXTES ************************************************************************ */
*::-moz-selection {
    background: #ED7601;
    color: #FFF;
}

*::selection {
    background: #ED7601;
    color: #FFF;
}

/* ************************************************************************ LIENS ********************************************************************************** */
a,
a strong {
    color: #00758b;
    outline: 0;
    text-decoration: none;
    word-wrap: break-word;
}

a:hover {
    cursor: pointer;
}

a:active {
    color: #00758b;
}

a:hover strong,
a:hover,
a:focus {
    color: #000;
    text-decoration: underline;
}

a:focus {
    color: #00758b;
}

a.link-black,
a.black {
    color: #444;
}

a.link-black:hover,
a.link-black:focus,
a.black:hover,
a.black:focus {
    color: #444;
    text-decoration: underline;
}

a h3,
h3 a,
h2.h3 a {
    color: #000;
    text-decoration: none;
}

a h3:hover,
h3 a:hover,
h2.h3 a:hover,
a h3:focus,
h3 a:focus,
h2.h3 a:focus {
    color: #00758B;
    text-decoration: none;
}

a h2.orange:hover,
a h3.orange:hover,
a h2.orange:focus,
a h3.orange:focus {
    color: #ed7601;
    text-decoration: underline;
}

h2.orange a,
h3.orange a,
.h2.orange a,
.h3.orange a {
    color: #ed7601;
}

h2.orange a:hover,
h3.orange a:hover,
h2.orange a:focus,
h3.orange a:focus {
    color: #ed7601;
    text-decoration: underline;
}

p a:hover,
a p:hover,
li a:hover,
p a:focus,
a p:focus,
li a:focus {
    text-decoration: underline;
}

a.orderAsc {
    background-image: url("../images/core/table/orderedTableSetASC.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-right: 8px;
}

a.orderAsc {
    background-image: url("../images/core/table/orderedTableSetASC.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 9px;
}

a.orderDesc {
    background-image: url("../images/core/table/orderedTableSetDESC.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 9px;
}

a.inactive {
    color: #aaa;
}

a.inactive:hover {
    cursor: default;
    text-decoration: none;
}

/* ***** LIENS PICTO ***** */
p.pictoLoupe a,
a.pictoLoupe {
    background-image: url("../images/core/icons/picto-eye.png");
    background-position: 0 1px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoLoupe a:hover,
a.pictoLoupe:hover,
p.pictoLoupe a:focus,
a.pictoLoupe:focus {
    background-position: 0 -77px;
    color: #000;
}

p.pictoLock a,
a.pictoLock {
    /*background-image: url("../images/core/icons/picto-password.png");*/
    background-image: url("../images/core/icons/picto-password2.png");
    background-position: 0 1px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoLock a:hover,
a.pictoLock:hover,
p.pictoLock a:focus,
a.pictoLock:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoModify a,
a.pictoModify,
button.pictoModify {
    background-image: url("../images/core/icons/picto-modify.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 22px;
}

p.pictoModify a:hover,
a.pictoModify:hover,
p.pictoModify a:focus,
a.pictoModify:focus {
    background-position: 0 -76px;
    color: #000;
}

button.pictoDelete,
p.pictoDelete a,
a.pictoDelete {
    background: none transparent;
    background-image: url("../images/core/icons/picto-trash.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0;
    color: #00758b;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 0 2px 20px;
}

button.pictoDelete:hover,
p.pictoDelete a:hover,
a.pictoDelete:hover,
button.pictoDelete:focus,
p.pictoDelete a:focus,
a.pictoDelete:focus {
    background-position: 0 -75px;
    color: #000;
    text-decoration: underline;
}

p.pictoPublish a,
a.pictoPublish {
    background-image: url("../images/core/icons/picto-publish.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 19px;
}

p.pictoPublish a:hover,
a.pictoPublish:hover,
p.pictoPublish a:focus,
a.pictoPublish:focus {
    background-position: 0 -75px;
    color: #000;
}

p.pictoDoc a,
a.pictoDoc {
    background-image: url("../images/core/icons/picto-doc.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 20px;
}

p.pictoDoc a:hover
a.pictoDoc:hover,
p.pictoDoc a:focus,
a.pictoDoc:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoSearch a,
a.pictoSearch {
    background-image: url("../images/core/icons/picto-search-green.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoSearch a:hover,
a.pictoSearch:hover,
p.pictoSearch a:focus,
a.pictoSearch:focus {
    background-position: 0 -75px;
    color: #000;
}

p.pictoMail a,
a.pictoMail,
button.pictoMail,
.pictoMail {
    background: none transparent;
    background-image: url("../images/core/icons/picto-email-green.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    border: 0;
    color: #00758b;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoMail a:hover,
a.pictoMail:hover,
p.pictoMail a:focus,
a.pictoMail:focus {
    background-position: 0 -77px;
    color: #000;
}

p.pictoMailOrange a,
a.pictoMailOrange {
    background-image: url("../images/core/icons/picto-email-orange.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 2px 0 2px 25px;
}

p.pictoRSS a,
a.pictoRSS {
    background-image: url("../images/core/icons/picto-rss-green.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoRSS a:hover,
a.pictoRSS:hover,
p.pictoRSS a:focus,
a.pictoRSS:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoRSSOrange a,
a.pictoRSSOrange {
    background-image: url("../images/core/icons/picto-rss-orange.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoDownload a,
a.pictoDownload {
    background-image: url("../images/core/icons/picto-dwnld-green.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoDownload a:hover,
a.pictoDownload:hover,
p.pictoDownload a:focus,
a.pictoDownload:focus {
    background-position: 0 -75px;
    color: #000;
}

p.gaugeWithoutPicto a,
a.gaugeWithoutPicto {
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 1px 0 1px 23px;
}

p.gaugeWithoutPicto a:hover,
a.gaugeWithoutPicto:hover,
p.gaugeWithoutPicto a:focus,
a.gaugeWithoutPicto:focus {
    background-position: 0 -74px;
    color: #000;
}

.gaugeWithoutPictoImg {
    width: 77px;
}

.gaugeAffinite {
    margin-top: 10px;
    width: 120px;
    height: 60px;
}

p.pictoSignaler a,
a.pictoSignaler {
    background-image: url("../images/core/icons/picto-attention.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoSignaler a:hover,
a.pictoSignaler:hover,
p.pictoSignaler a:focus,
a.pictoSignaler:focus {
    background-position: 0 -76px;
    color: #000;
}

button.pictoPlus,
p.pictoPlus a,
a.pictoPlus {
    background: none transparent;
    background-image: url("../images/core/icons/picto-plus.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0;
    color: #00758b;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

button.pictoPlus:hover,
p.pictoPlus a:hover,
a.pictoPlus:hover,
button.pictoPlus:focus,
p.pictoPlus a:focus,
a.pictoPlus:focus {
    background-position: 0 -75px;
    color: #000;
    text-decoration: underline;
}

a.pictoPlus-inactive {
    background: none transparent;
    background-image: url("../images/core/icons/picto-plus.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0;
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

a.pictoPlus-inactive:hover {
    color: #aaa;
    cursor: default;
    text-decoration: none !important;
}

p.pictoPrint a,
a.pictoPrint {
    background-image: url("../images/core/icons/picto-print.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoPrint a:hover,
a.pictoPrint:hover,
p.pictoPrint a:focus,
a.pictoPrint:focus {
    background-position: 0 -75px;
    color: #000;
}

p.pictoFavoris a,
a.pictoFavoris {
    background-image: url("../images/core/icons/picto-favoris.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoFavoris a:hover,
a.pictoFavoris:hover,
p.pictoFavorist a:focus,
a.pictoFavoris:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoRemoveFavoris a,
a.pictoRemoveFavoris {
    background-image: url("../images/core/icons/picto-remove-favoris.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoRemoveFavoris a:hover,
a.pictoRemoveFavoris:hover,
p.pictoRemoveFavorist a:focus,
a.pictoRemoveFavoris:focus {
    background-position: 0 -73px;
    color: #000;
}

p.pictoShare a,
a.pictoShare {
    background: url("../images/core/icons/service-icons.png");
    background-position: 0 -300px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px !important;
}

span.at4-icon {
    display: none !important;
}

#at20mc span.at4-icon {
    display: block !important;
}

span.at4-icon.aticon-compact {
    display: none !important;
}

.addthis_toolbox .at4-icon {
    display: block !important;
}

p.pictoShare a:hover,
a.pictoShare:hover,
p.pictoShare a:focus,
a.pictoShare:focus {
    background-position: -800px -300px;
    color: #000;
}

p.pictoPerso a,
a.pictoPerso {
    background: url("../images/core/icons/picto-perso.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoPerso a:hover,
a.pictoPerso:hover,
p.pictoPerso a:focus,
a.pictoPerso:focus {
    background-position: 0 -74px;
    color: #000;
}

a.pictoPerso span {
    color: #00758B;
    text-transform: uppercase;
}

p.pictoNetwork a,
a.pictoNetwork {
    background: url("../images/core/icons/picto-community.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 28px;
}

p.pictoNetwork a:hover,
a.pictoNetwork:hover,
p.pictoNetwork a:focus,
a.pictoNetwork:focus {
    background-position: 0 -75px;
    color: #000;
}

p.pictoPDF a,
a.pictoPDF {
    background: url("../images/core/icons/pdf.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.pictoPDF a:hover,
a.pictoPDF:hover,
p.pictoPDF a:focus,
a.pictoPDF:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoUnpublish a,
a.pictoUnpublish {
    background: url("../images/core/icons/picto-unpublish.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoUnpublish a:hover,
a.pictoUnpublish:hover,
p.pictoUnpublish a:focus,
a.pictoUnpublish:focus {
    background-position: 0 -75px;
    color: #000;
}

a.pictoUnpublish-inactive {
    background: url("../images/core/icons/picto-unpublish.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    color: #AAA;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

a.pictoUnpublish-inactive {
    color: #aaa;
    cursor: default;
    text-decoration: none !important;
}

p.pictoProlonger a,
a.pictoProlonger {
    background: url("../images/core/icons/picto-prolonger.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 24px;
}

p.pictoProlonger a:hover,
a.pictoProlonger:hover,
p.pictoProlonger a:focus,
a.pictoProlonger:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoCommentaire a,
a.pictoCommentaire {
    background: url("../images/core/icons/picto-commentaire.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 30px;
}

p.pictoCommentaire a:hover,
a.pictoCommentaire:hover,
p.pictoCommentaire a:focus,
a.pictoCommentaire:focus {
    background-position: 0 -75px;
    color: #000;
}

p.pictoDeplacer a,
a.pictoDeplacer {
    background: url("../images/core/icons/picto-deplacer.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 27px;
}

p.pictoDeplacer a:hover,
a.pictoDeplacer:hover,
p.pictoDeplacer a:focus,
a.pictoDeplacer:focus {
    background-position: 0 -72px;
    color: #000;
}

p.pictoCible a,
a.pictoCible {
    background: url("../images/core/icons/picto-search2.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 23px;
}

p.pictoCible a:hover,
a.pictoCible:hover,
p.pictoCible a:focus,
a.pictoCible:focus {
    background-position: 0 -74px;
    color: #000;
}

p.pictoGeoloc a,
a.pictoGeoloc {
    background: url("../images/core/icons/picto-map.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 20px;
}

p.pictoGeoloc a:hover,
a.pictoGeoloc:hover,
p.pictoGeoloc a:focus,
a.pictoGeoloc:focus {
    background-position: 0 -74px;
    color: #000;
}

.picto a {
    /*padding-left: 22px !important;*/
}

span.pictoQuestion {
    background: url("../images/core/icons/picto-question.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 16px;
}

span.pictoQuestion:hover,
span.pictoQuestion:focus {
    background-position: 0 -74px;
}

input + span.pictoQuestion {
    margin-left: 10px;
}

/* ***** BOUTONS ***** */

button.background-invisible {
    background:transparent;
    border:none;
    outline:none;
    display:block;
    height:100%;
    width:100%;
    cursor:pointer;
}

p.button-small a,
a.button-small,
button.button-small {
    background-color: #F2FBFD;
    border: 0px;
    border-radius: 2px;
    color: #00758b;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 3px 10px;
}

p.button-small a:hover,
a.button-small:hover,
button.button-small:hover,
p.button-small a:focus,
a.button-small:focus,
button.button-small:focus,
p.button-small-active,
a.button-small-active,
button.button-small-active {
    background-color: #117E93;
    color: #fff;
    text-decoration: none;
}

.gradient p.button-small a,
.gradient a.button-small,
.gradient button.button-small {
    background-color: #117E93;
    color: #fff;
    text-decoration: none;
}

.button-small + .button-small {
    margin-left: 10px;
    margin-bottom: 15px;
}

.button-front:before {
    content: "»\00A0";
}

.button-back:before {
    content: "«\00A0";
}

p.button-medium a,
a.button-medium,
button.button-medium {
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px #999;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 3px 16px;
}

input.button-big,
p.button-big a,
button.button-big,
a.button-big {
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px #aaa;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 4px 20px;
    text-align: center;
}

a.button-big + a.button-big,
input.button-big + input.button-big,
p.button-big + p.button-big,
button.button-big + button.button-big,
p.button-big + button.button-big,
button.button-big + p.button-big,
button.button-big + button.link-style {
    margin-left: 10px;
}

p.button-grey a,
a.button-grey,
button.button-grey {
    background-image: url("../images/core/boutons/button-grey.png");
    background-position: 0 -19px;
    background-repeat: repeat-x;
    color: #444 !important;
}

p.button-grey a:hover,
a.button-grey:hover,
button.button-grey:hover,
p.button-grey a:focus,
a.button-grey:focus,
button.button-grey:focus {
    background-position: 0 -3px;
    color: #444;
    text-decoration: none;
}

input.button-green,
p.button-green a,
button.button-green,
a.button-green {
    background-image: url("../images/core/boutons/button-green.png");
    background-position: left center;
    background-repeat: repeat-x;
    color: #FFF;
}

input.button-green:hover,
p.button-green a:hover,
button.button-green:hover,
a.button-green:hover,
input.button-green:focus,
p.button-green a:focus,
button.button-green:focus,
a.button-green:focus {
    background-position: center center;
    color: #FFF;
    text-decoration: none;
    text-shadow: 1px 2px 0px #134e53;
}

p.button-modifier {
    background-image: url("../images/core/boutons/picto-modify.png");
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: 700;
    padding-left: 21px;
    width: auto;
}

p.button-modifier:hover,
p.button-modifier:focus {
    background-position: left bottom;
}

button.button-search,
button.search {
    background-image: url("../images/core/boutons/bg_bouton_recherche.png");
    background-repeat: no-repeat;
    background-position: right top;
    border: medium none;
    border-radius: 8px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width: 36px;
}

button.link-style {
    background: transparent;
    border: 0 none;
    color: #00758b;
    font-size: 12px;
    padding: 2px 20px 2px 0px;
}

h2.border-bottom button.button-medium.pull-right {
    margin-top: -7px;
}

/* ***** Alignement des boutons sur les inputs ***** */
.align-center {
    width: 100%;
}

.align-center .buttons * {
    float: left;
}

.align-center .buttons button + button,
.align-center .buttons button + p,
.align-center .buttons button + a {
    margin-left: 25px;
}

.buttons-input-position,
.button-center,
.align-center .buttons {
    margin-left: 42%;
}

@media screen and (max-width: 767px) {
    p.button-small a,
    a.button-small,
    button.button-small {
        margin-bottom: 5px;
    }

    .buttons-input-position,
    .button-center,
    .align-center .buttons {
        margin-left: 0;
    }
}

/*Fin de @media*/

/* *********************************************************************** LISTES ********************************************************************************** */
.content ul {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}

.content ul li {
    background-image: url("../images/core/listes/pix-orange.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    list-style: none;
    margin-bottom: 3px;
    padding-left: 10px;
}

.content ul li ul li {
    background-image: url("../images/core/listes/pix-grey.png");
}

.content p.list-style {
    background-image: url("../images/core/listes/pix-orange.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    padding-left: 10px;
}

.content ol {
    padding-left: 0;
}

.content ol > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    counter-increment: numero;
    list-style-type: none;
    margin: 2px 0 0;
    padding: 0;
}

.content ol > li:before {
    background: none repeat scroll 0 0 #ed7601;
    border-radius: 3px;
    color: #fff;
    content: counter(numero, decimal);
    font-size: 10px;
    font-weight: 500;
    margin-right: 5px;
    padding: 0 3px;
}

/* ***** LISTES RATING ***** */
.content ul.rating {
    margin-bottom: 35px;
}

.content ul.rating li {
    background-image: none;
    padding-left: 0px;
}

.content ul.rating li img {
    margin-right: 5px;
}

/* ***** SHARE ***** */
.addthis_button_tweet {
    width: 90px !important;
}

/* ***** LISTES PICTO ***** */
.content ul li.picto {
    background-image: none;
    padding: 0;
}

/* ***** LISTES SERVICE ***** */
.content ul li.service-internet,
.content ul li.service-tel,
.content ul li.service-meeting,
.content ul li.service-duration,
.content ul li.service-when {
    background-image: url("../images/core/icons/service-card-icons.png");
    background-repeat: no-repeat;
    padding: 0 0 0 26px;
}

.content ul li.service-internet {
    background-position: 0 0;
}

.content ul li.service-tel {
    background-position: 0 -200px;
}

.content ul li.service-meeting {
    background-position: 0 -400px;
}

.content ul li.service-duration {
    background-position: 0 -600px;
}

.content ul li.service-when {
    background-position: 0 -800px;
}

.content ul li.service-where {
    background-image: url("../images/core/icons/Canal-consommation-salle_large.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding: 1px 0 0 26px;
}

.content ul li.service-mail {
    background-image: url("../images/core/icons/Canal-consommation-Mail_large.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding: 1px 0 0 26px;
}

.content ul li.service-webcam {
    background-image: url("../images/core/icons/Canal-consommation-webcam_large.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding: 1px 0 0 26px;
}

/* ***** LISTES CHECK ***** */
.content ul li.check,
.content ul.check li,
.content p.check {
    background-image: url("../images/core/listes/check.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    /*font-size:14px;*/
    margin-bottom: 3px;
    padding: 2px 0 10px 25px;
}

/* ***** LISTES CHECK BIG ***** */
.content ul li.big-check,
.content ul.big-check li {
    background-image: url("../images/core/listes/service-checklist.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    margin-bottom: 0;
    padding: 2px 0 5px 25px;
}

/* *********************************************************** MESSAGE INFORMATIF ********************************************************************************** */
.message-informatif {
    color: #FFF;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.message-informatif .message-instance,
.message-informatif-bottom .message-instance {
    background-color: #050505;
    font-size: 12px;
    padding: 10px;
    opacity: .7;
}

.message-instance a {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.message-instance p {
    color: #FFF !important;
}

.message-informatif .pull-left {
    max-width: 90%;
}

.message-informatif button.link-style {
    color: #FFF !important;
    font-size: 20px;
}

.message-informatif-bottom {
    bottom: 0;
    color: #FFF;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

.message-informatif-bottom .message-instance {
    background-color: #050505;
    opacity: .7;
    padding: 10px;
}

.message-informatif-bottom .pull-left {
    max-width: 90%;
}

.message-informatif-bottom button.link-style {
    color: #FFF !important;
    font-size: 20px;
}

/* ******************************************************************* LIVE AGENT ********************************************************************************** */
#liveagent {
    position: fixed;
    bottom: 0;
    left: 0;
}

@media (max-width: 991px) {
    #liveagent img {
        bottom: -10px;
        max-width: 60px;
    }
}

/*Fin de @media*/

/* ************************************************************************ CADRE ********************************************************************************** */
.cadre,
.encart {
    background-color: #F2F2F2;
    margin-bottom: 20px;
    padding: 15px;
}

.cadre-blanc {
    background-color: #FFF;
}

.entete {
    background: #2a7788; /* Old browsers */
    /* FF3.6+ */
    background-image: url("../images/core/backgrounds/service-index.png");
    background-repeat: repeat-x;
    background-position: left center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a7788), color-stop(100%, #479eaf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%);
    background: linear-gradient(to bottom, #2a7788 0%, #479eaf 100%); /* W3C */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.entete h2 {
    color: #FFF;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 0 !important;
    padding: 0 0 0 10px !important;
}

.entete a.pull-right {
    color: #FFF;
    margin: 8px 8px 0 0;
}

.encart h2.orange {
    text-transform: uppercase;
}

.cadre-border-top-bottom {
    background-color: #F2F2F2;
    border-bottom: 1px solid #dcdbdc;
    border-top: 1px solid #dcdbdc;
    margin-bottom: 20px;
    padding: 15px;
}

.cadre .form-group {
    margin-bottom: 0;
}

.gradient {
    background: #eef7f9; /* Old browsers */
    /* FF3.6+ */
    background-image: url("../images/core/backgrounds/gradient.png");
    background-repeat: repeat-x;
    background-position: left center;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFDFD), color-stop(100%, #eef7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFDFD 0%, #eef7f9 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #FAFDFD 0%, #eef7f9 100%);
    background: linear-gradient(to bottom, #FAFDFD 0%, #eef7f9 100%); /* W3C */
    margin-bottom: 15px;
}

.gradient-grey {
    background-image: url("../images/core/backgrounds/bck-blockGrey2.png");
    background-repeat: repeat-x;
    background-size: 100% 100%;
}

.gradient-homepage {
    padding: 10px 5px 5px 5px;
    margin: 0 0 20px 0;
}

.cadre-blue {
    background-color: #eef7f9;
}

.cadre.border-bottom-box-dotted,
.encart .border-bottom-box-dotted {
    border-bottom: 1px dotted #9baeab;
    margin-bottom: 10px;
}

.box-shadow {
    -moz-box-shadow: 0px 0px 15px 0px #aaaaaa;
    -webkit-box-shadow: 0px 0px 15px 0px #aaaaaa;
    -o-box-shadow: 0px 0px 15px 0px #aaaaaa;
    box-shadow: 0px 0px 15px 0px #aaaaaa;
    padding: 10px;
}

/* ***** BORDERS ***** */
.border-box-solid {
    border: 1px solid #9baeab;
    padding: 20px;
}

.border-box-dotted {
    border: 1px dotted #9baeab;
    padding: 20px;
}

.border-right {
    border-right: 1px dotted #9baeab;
    padding-right: 15px;
}

.border-left {
    border-left: 1px dotted #9baeab;
    padding-left: 15px;
}

.border-left-solid {
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

/* ************************************************************************ MODAL ********************************************************************************** */
.modal-backdrop {
    background-color: #FFF;
}

.modal-body {
    /*padding:0;*/
}

.modal-content {
    box-shadow: none;
    border-radius: 0;
}

#interstitiel-home .modal-dialog {
    width: 730px;
}

#interstitiel-home .modal-content {
    max-height: none;
    max-width: 100%;
    width: 726px;
}

#interstitiel-home .modal-body {
    padding: 0;
}

#billboard-close {
    background: white;
    border: 1px solid #666;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 0 0 5px;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 15px;
    white-space: nowrap;
}

#billboard span {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 120px 80px 0 0;
    position: relative;
}

#billboard-close {
    background: #FFF;
    border: 1px solid #666;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 0 0 5px;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 15px;
    white-space: nowrap;
}

#billboard-close:hover b {
    background: #666;
    color: white;
}

#billboard-close b {
    border-left: 1px solid #666;
    display: inline-block;
    font-size: 19px;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 3px;
    text-align: center;
    vertical-align: top;
    width: 18px;
}

#customModal {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    display: block;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

#customModal .modal-dialog span {
    background-image: url(../images/waiting-page/circular-loader.gif);
    background-size: contain;
    display: block;
    height: 50px;
    margin: 40% auto;
    width: 50px;
}

.spinner {
    position: relative;
}

.spinner .spinner-active {
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.spinner .spinner-active span {
    background-image: url(../images/waiting-page/circular-loader.gif);
    display: block;
    height: 50px;
    margin: 40% auto;
    width: 50px;
}

@media screen and (max-width: 991px) {
    #interstitiel-home {
        display: none !important;
    }
}

/* ********************************************************************** TOOLTIP ********************************************************************************** */
.tooltip-container.pull-left {
    margin: 2px 0 0 5px;
}

.form-group .tooltip-container.pull-left {
    margin: 5px 0 0 5px;
}

.input-group .form-group .tooltip-container.pull-left {
    margin: 1px 0 0 5px;
}

.tooltip-inner {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #333;
    min-width: 200px;
    max-width: 600px;
    padding: 15px;
    text-align: left;
}

.tooltip.in {
    opacity: 1;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #CCC;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #CCC;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #CCC;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #CCC;
}

.custom-tooltip {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #333;
    min-width: 400px;
    max-width: 600px;
    position: relative;
    padding: 15px;
    text-align: left;
}

.custom-tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    display: block;
    margin-left: -5px;
    position: absolute;
    top: 0;
    left: 50%;
}

@media screen and (max-width: 767px) {
    .custom-tooltip {
        min-width: 200px;
    }
}

/*Fin de @media*/

.ns-popover-list-theme {
    background-color: #FFF;
    /*padding: 10px;*/
    box-shadow: 0 1px 3px #ccc;
}

/* ******************************************************** ELEMENTS STRUCTURANTS ********************************************************************************** */
img.pull-left,
div.pull-left > img {
    margin-right: 10px;
}

img.pull-left + ul.pull-left {
    max-width: 75%;
}

img.ombre {
    border: 1px solid #FFF;
    box-shadow: 0px 2px 2px #AAA;
}

img.logoListeOffres {
    box-shadow: 0 1px 3px #ccc;
    float: right;
    max-height: 100px;
    max-width: 120px;
}

img.height-90 {
    max-height: 90px;
    width: auto;
}

img.height-45 {
    max-height: 45px;
    width: auto;
}

img.height-40 {
    max-height: 40px;
    width: auto;
}

img.margin-bottom {
    margin-bottom: 10px;

}

.table {
    display: table;
    margin: 0;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

img.table-cell,
div.table-cell img {
    height: auto;
    margin-right: 10px;
    /*max-width: 100%;*/
    width: auto;
}

hr {
    background-image: url("../images/core/backgrounds/pix-greenSquare.png");
    background-repeat: repeat-x;
    border: 0 none;
    display: block;
    height: 1px;
    margin: 15px 0;
}

p.center {
    text-align: center;
}

p.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.pull-left + p.pull-left,
button.pull-left + p.pull-left,
p.pull-left + button.pull-left,
p.pull-left + select.pull-left {
    margin-left: 25px;
}

p.pull-left.picto + p.pull-left.picto {
    margin-left: 10px;
}

p.pull-right + p.pull-right,
button.pull-right + p.pull-right,
p.pull-right + button.pull-right,
p.pull-right + div.pull-right {
    margin-right: 15px;
}

p.pull-right.picto + p.pull-right.picto {
    margin-right: 5px;
}

a.v-align,
p.v-align,
.v-align {
    margin-top: 8px;
}

h2.no-margin,
h3.no-margin,
p.no-margin,
ul.no-margin,
li.no-margin,
.no-margin {
    margin: 0 !important;
}

small {
    font-size: 11px
}

/* ***** WELLS ***** */
.well {
    box-shadow: none;
    font-size: 10px;
}

.well-lg {
    border-radius: 0;
}

/* ***** Pagination ***** */
.content ul.pagination li {
    background-image: none !important;
    padding: 0 !important;
}

.content ul.pagination li a {
    background-color: #eef7f9;
    border: 0;
    color: #00758b;
    padding: 5px;
}

.content ul.pagination li a:hover {
    background-color: #118094;
    color: #FFF;
}

.content ul.pagination li.active a {
    background-color: #FFF;
    color: #444;
    font-weight: 700;
}

.content ul.pagination li.active a:hover {
    text-decoration: none;
}

/* Pagination custom */
.paginationNavigation {
    padding: 2px;
    background-color: #eef7f9;
    border: 0;
    color: #00758b;
}

.paginationNavigation span a {
    padding: 5px;
}

.paginationNavigation a {
    padding: 2px;
}

.paginationNavigation span a:hover, .paginationNavigation a:hover {
    background-color: #118094;
    color: #FFF;
}

.paginationNavigation span.currentPage {
    background-color: #FFF;
    color: #444;
    font-weight: 700;
    padding: 4px;
}

.paginationNavigation span.currentPage a:hover, .paginationNavigation a:hover {
    text-decoration: none;
}

.paginationNav .paginationNavigation span {
    margin-left: 0px;
}

/* End pagination custom */

/* ********************************* MEDIA QUERIES GENERAL ********************************* */
@media screen and (min-width: 992px) {
    .container {
        max-width: 1006px;
    }
}

@media screen and (min-width: 992px) {
    .portailcontainer {
        padding: 0 20px;
        max-width: 1336px;
        width: 100%;
    }
}

/*Fin de @media*/

@media screen and (max-width: 991px) {
    body {
        margin: 0 auto;
        width: 95%;
    }

    .container {
        padding: 0 5px;
    }

    .content {
        padding: 0;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    .border-right {
        border-right: none;
        padding-right: 0;
    }

    p.pull-left + p.pull-left,
    p.button-big + p.button-big {
        margin-left: 10px;
    }

    .clear-xs {
        float: none !important;
        clear: both !important;
    }
}

/*Fin de @media*/

/* *********************************************************************** OMBRES ********************************************************************************** */
.ombre-gauche {
    background-image: url("../images/core/ombres/ombre-gauche.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20px 100%;
    margin-left: -10px;
    padding-left: 15px;
}

.small-ombre-gauche {
    background-image: url("../images/core/ombres/small-ombre-gauche.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 30px 100%;
    padding-left: 25px;
}

.ombre-droite {
    background-image: url("../images/core/ombres/ombre-droite.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 20px 100%;
    padding-right: 20px;
}

.ombre-droite-top {
    background-image: url("../images/core/ombres/ombre-gauche.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 20px 100%;
    margin-right: -20px;
    padding-right: 35px;
}

.ombre-menu {
    background-image: url("../images/core/ombres/ombre-service-menu.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 25px 100%;
}

.ombre-top {
    background-image: url("../images/core/ombres/ombre-top.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 20px;
    margin-top: 20px;
    padding-top: 30px;
}

/* ********************************* MEDIA QUERIES OMBRES ********************************* */
@media screen and (max-width: 991px) {
    .ombre-droite,
    .ombre-droite-top,
    .ombre-gauche {
        background-image: none;
        margin: 0;
        min-height: 0;
        padding: 0;
    }
}

/*Fin de @media*/

/* ********************************************************************* TOPSITE ********************************************************************************** */
ul#sites-apec {
    display: block;
    float: right;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-right: 10px;
}

ul#sites-apec li {
    background-image: none;
    float: left;
    list-style: none;
    padding-left: 0;
}

ul#sites-apec li a {
    color: #00758b;
    text-decoration: none;
}

ul#sites-apec li a:hover {
    text-decoration: underline;
}

ul#sites-apec li span {
    color: #bbb;
    font-weight: normal;
    padding: 2px 5px;
}

ul#sites-apec li.topBarActive {
    color: #e06d26;
    font-weight: 700;
}

/* ********************************* MEDIA QUERIES TOPSITE ********************************* */
@media screen and (max-width: 991px) {
    .content ul#sites-apec {
        float: none;
        padding-left: 0;
    }

    .content ul#sites-apec li {
        font-size: 11px;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #topsite,
    ul#sites-apec {
        display: none;
    }

    .visible-xs #sites-apec {
        border-top: 1px solid #ccc;
        display: block;
        padding: 20px 0;
    }

    .visible-xs #sites-apec li {
        padding-left: 0;
    }
}

/*Fin de @media*/

/* ********************************************************************* LOGINTOP ********************************************************************************** */
#logintop p#identification {
    display: block;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    margin-top: 2px;
    text-align: right;
}

#logintop p#identification a {
    color: #00758b;
    font-size: 13px;
    font-weight: 700;
}

#logintop p#identification a.pictoPerso {
    margin-right: 30px;
}

#logintop #identification a.button-medium {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 1px #999;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin: 0 0 0 10px;
    padding: 0 10px;
}

/* ********************************* MEDIA QUERIES LOGINTOP ********************************* */
@media screen and (max-width: 991px) {
    #logintop p#identification {
        padding: 10px 0 35px 0;
    }
}

/*Fin de @media*/
@media screen and (max-width: 776px) {
    #logintop p#identification {
        height: auto;
        max-height: 65px;
        padding: 10px 0;
    }
}

/*Fin de @media*/

/* ********************************************************************** TOPBAR  ********************************************************************************** */
#topBar {
    background-image: url("../images/topbar/bg.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    margin: -63px auto 5px auto;
    max-width: 1006px;
    min-height: 195px;
    padding: 0 11px;
}

#topBar.Accueil {
    background-image: url("../images/topbar/bg2.png");
    min-height: 236px;
}

#topBar .logo {
    background-image: url("../images/topbar/apec.png");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 83px;
    left: 25px;
    position: absolute;
    top: 12px;
    width: 364px;
}

#topBar img.right {
    position: absolute;
    right: 20px;
    top: 90px;
}

#topBar ul {
    padding: 0;
}

#topBar .navbar {
    margin-bottom: 15px;
}

#topBar .navbar-default {
    background-color: transparent;
    border: 0;
    left: 30px;
    position: absolute;
    top: 105px;
}

#topBar .navbar-default .container-fluid,
#topBar .navbar-default .container-fluid .navbar-collapse {
    margin: 0;
    padding: 0;
}

#topBar .navbar-default .navbar-collapse,
#topBar .navbar-default .navbar-form {
    border: 0;;
}

#topBar ul.nav li {
    background-repeat: no-repeat !important;
    margin: 5px 0 0;
    padding: 0;
    width: 78px;
}

#topBar ul.nav li a {
    background-position: center 0;
    background-repeat: no-repeat;
    color: #555;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 10px;
    padding: 52px 0 0;
    text-align: center;
}

#topBar .navbar-default .navbar-nav > li > a:hover {
    color: #117e93;
}

#topBar ul.nav li.actuel a {
    color: #d26227;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 1px 1px 0 #fff;
    padding-top: 60px;
    margin-top: -7px;
}

#topBar ul.nav li a:hover {
    background-position: 50% -85px;
    color: #117e93;
    text-decoration: none;
}

#topBar ul.nav li#onglet1 a {
    background-image: url("../images/topbar/tab-home.png");
}

#topBar ul.nav li#onglet2 a {
    background-image: url("../images/topbar/tab-services.png");
}

#topBar ul.nav li#onglet3 a {
    background-image: url("../images/topbar/tab-offer.png");
}

#topBar ul.nav li#onglet4 a {
    background-image: url("../images/topbar/tab-cv.png");
}

#topBar ul.nav li#onglet5 a {
    background-image: url("../images/topbar/tab-career.png");
}

#topBar ul.nav li#onglet6 a {
    background-image: url("../images/topbar/tab-work.png");
}

#topBar ul.nav li#onglet7 a {
    background-image: url("../images/topbar/tab-community.png");
}

#topBar ul.nav li#onglet8 a {
    background-image: url("../images/topbar/tab-viadeo.png");
}

#topBar ul.nav li#onglet9 a {
    background-image: url("../images/topbar/tab-profile.png");
}

#topBar ul.nav li#onglet1.actuel a {
    background-image: url("../images/topbar/tab-home-hover.png");
}

#topBar ul.nav li#onglet2.actuel a {
    background-image: url("../images/topbar/tab-services-hover.png");
}

#topBar ul.nav li#onglet3.actuel a {
    background-image: url("../images/topbar/tab-offer-hover.png");
}

#topBar ul.nav li#onglet4.actuel a {
    background-image: url("../images/topbar/tab-cv-hover.png");
}

#topBar ul.nav li#onglet5.actuel a {
    background-image: url("../images/topbar/tab-career-hover.png");
}

#topBar ul.nav li#onglet6.actuel a {
    background-image: url("../images/topbar/tab-work-hover.png");
}

#topBar ul.nav li#onglet7.actuel a {
    background-image: url("../images/topbar/tab-community-hover.png");
}

#topBar ul.nav li#onglet8.actuel a {
    background-image: url("../images/topbar/tab-viadeo-hover.png");
}

#topBar ul.nav li#onglet9.actuel a {
    background-image: url("../images/topbar/tab-profile-hover.png");
}

#topBar ul.nav li#onglet1.actuel a:hover,
#topBar ul.nav li#onglet2.actuel a:hover,
#topBar ul.nav li#onglet3.actuel a:hover,
#topBar ul.nav li#onglet4.actuel a:hover,
#topBar ul.nav li#onglet5.actuel a:hover,
#topBar ul.nav li#onglet6.actuel a:hover,
#topBar ul.nav li#onglet7.actuel a:hover,
#topBar ul.nav li#onglet8.actuel a:hover,
#topBar ul.nav li#onglet9.actuel a:hover {
    background-position: center 0;
}

/* ********************************* MEDIA QUERIES TOPBAR ********************************* */
@media screen and (max-width: 991px) {
    #topBar,
    #topBar.Accueil {
        background-image: none;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin-top: 0;
        margin-bottom: 20px;
        min-height: 0;
        padding: 10px 0 15px 0;
    }

    #topBar .logo {
        position: static;
    }

    #topBar .navbar-header {
        float: none;
    }

    #topBar .navbar-toggle {
        display: block;
    }

    #topBar .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    #topBar .navbar-collapse.collapse {
        display: none !important;
    }

    #topBar .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    #topBar .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #topBar .navbar-collapse.collapse.in {
        display: block !important;
    }

    #topBar .collapsing {
        overflow: hidden !important;
    }

    #topBar .right {
        float: none;
        margin-right: 0;
    }

    #topBar .logo {
        background-image: url("../images/topbar/logo-apec-small.png");
        background-image: url("../images/topbar/logo-apec-small.svg");
        height: 48px;
        width: 200px;
    }

    #topBar .navbar {
        margin-bottom: 0px;
        min-height: 0;
    }

    #topBar .navbar-default .navbar-toggle {
        border-color: #00758b;
    }

    #topBar .navbar-default .navbar-toggle .icon-bar {
        background-color: #00758b;
    }

    #topBar .navbar-toggle {
        margin-left: 80%;
        margin-top: -45px;
    }

    #topBar .navbar-nav {
        margin: 0;
    }

    #topBar .navbar-default {
        position: static;
    }

    #cadres #topBar ul.nav {
        padding: 1em !important;
        width: 100% !important;
    }

    #topBar ul.nav li {
        margin: 0 !important;
        padding: 0 !important;
        width: 90% !important;
    }

    #topBar ul.nav li#onglet1 a,
    #topBar ul.nav li#onglet1.actuel a,
    #topBar ul.nav li#onglet1 a:hover,
    #topBar ul.nav li#onglet1.actuel a:hover,
    #topBar ul.nav li#onglet2 a,
    #topBar ul.nav li#onglet2.actuel a,
    #topBar ul.nav li#onglet2 a:hover,
    #topBar ul.nav li#onglet2.actuel a:hover,
    #topBar ul.nav li#onglet3 a,
    #topBar ul.nav li#onglet3.actuel a,
    #topBar ul.nav li#onglet3 a:hover,
    #topBar ul.nav li#onglet3.actuel a:hover,
    #topBar ul.nav li#onglet4 a,
    #topBar ul.nav li#onglet4.actuel a,
    #topBar ul.nav li#onglet4 a:hover,
    #topBar ul.nav li#onglet4.actuel a:hover,
    #topBar ul.nav li#onglet5 a,
    #topBar ul.nav li#onglet5.actuel a,
    #topBar ul.nav li#onglet5 a:hover,
    #topBar ul.nav li#onglet5.actuel a:hover,
    #topBar ul.nav li#onglet6 a,
    #topBar ul.nav li#onglet6.actuel a,
    #topBar ul.nav li#onglet6 a:hover,
    #topBar ul.nav li#onglet6.actuel a:hover,
    #topBar ul.nav li#onglet7 a,
    #topBar ul.nav li#onglet7.actuel a,
    #topBar ul.nav li#onglet7 a:hover,
    #topBar ul.nav li#onglet7.actuel a:hover,
    #topBar ul.nav li#onglet8 a,
    #topBar ul.nav li#onglet8.actuel a,
    #topBar ul.nav li#onglet8 a:hover,
    #topBar ul.nav li#onglet8.actuel a:hover,
    #topBar ul.nav li#onglet9 a,
    #topBar ul.nav li#onglet9.actuel a,
    #topBar ul.nav li#onglet9 a:hover,
    #topBar ul.nav li#onglet9.actuel a:hover {
        background-position: center right !important;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-color: #FFF;
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 5px 25px 5px 5px;
        text-align: right;
        z-index: 99999999999999;
    }

    #topBar ul.nav li#onglet1 a {
        background-image: url("../images/topbar/mobile/tab-home.png");
    }

    #topBar ul.nav li#onglet2 a {
        background-image: url("../images/topbar/mobile/tab-services.png");
    }

    #topBar ul.nav li#onglet3 a {
        background-image: url("../images/topbar/mobile/tab-offer.png");
    }

    #topBar ul.nav li#onglet4 a {
        background-image: url("../images/topbar/mobile/tab-cv.png");
    }

    #topBar ul.nav li#onglet5 a {
        background-image: url("../images/topbar/mobile/tab-career.png");
    }

    #topBar ul.nav li#onglet6 a {
        background-image: url("../images/topbar/mobile/tab-work.png");
    }

    #topBar ul.nav li#onglet7 a {
        background-image: url("../images/topbar/mobile/tab-community.png");
    }

    #topBar ul.nav li#onglet8 a {
        background-image: url("../images/topbar/mobile/tab-viadeo.png");
    }

    #topBar ul.nav li#onglet9 a {
        background-image: url("../images/topbar/mobile/tab-profile.png");
    }
}

/*Fin de @media*/

/* ******************************************************************* BREADCRUMB ********************************************************************************** */
.content ul.breadcrumb li,
.content ol.breadcrumb li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    counter-increment: numero;
    list-style-type: none;
    margin: 2px 0 0;
    padding: 0;
}

.content ul.breadcrumb li:before,
.content ol.breadcrumb li:before {
    background: none;
    content: "";
    margin-right: 0;
    padding: 0;
}

.content ul.breadcrumb,
.content ol.breadcrumb {
    background-color: #F2F2F2;
    border-radius: 5px;
    margin-bottom: 20px !important;
    padding: 0px 15px;
}

.content ul.breadcrumb li,
.content ol.breadcrumb li {
    background-image: none !important;
    font-size: 11px;
    margin-bottom: 0 !important;
    padding: 8px 0;
    white-space: nowrap;
}

.content ul.breadcrumb li:first-child,
.content ol.breadcrumb li:first-child {
    background-image: url("../images/core/breadcrumb/breadcrumb-home.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat;
    border-radius: 5px;
    padding-left: 25px;
}

.content .breadcrumb > li + li {
    background-position: center left !important;
    background-image: url("../images/core/breadcrumb/chenillard-bck-inter.png") !important;
    background-repeat: no-repeat;
    padding-left: 35px !important;
}

.content .breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.content .breadcrumb > .active {
    color: #444444;
}

/* ********************************* MEDIA QUERIES BREADCRUMB ********************************* */
@media (max-width: 767px) {
    .breadcrumb {
        display: none;
    }
}

/*Fin de @media*/

/* ********************************************************************* CAROUSEL ********************************************************************************** */
.carousel .item img {
    border: 1px solid transparent;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "";
}

.service-carousel {
    margin: 0 15px 40px 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.carousel {
    padding-bottom: 40px;
}

#thumbcarousel.carousel {
    padding-bottom: 0;
}

.carousel-indicators {
    bottom: 0px;
}

.carousel-indicators ol {
    margin-bottom: 0;
}

.content ol.carousel-indicators li {
    background-color: #DFDFDF;
    background: #f4f4f4; /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #d6d6d6 100%);
    background: linear-gradient(to bottom, #f4f4f4 1%, #d6d6d6 100%); /* W3C */
    border: 1px solid #C9C9C9;
    border-radius: 14px;
    height: 12px;
    text-indent: -9999px;
    width: 12px;
}

.content ol.carousel-indicators li.active {
    background: #ED7601;
    background-color: #ED7601;
    border: 1px solid #FFF;
}

/* Carousel avec Background */
.carousel-bg {
    background-image: url('../images/core/backgrounds/bg-carousel.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    border-radius: 10px;
    box-shadow: 0 2px 2px #CCC;
    margin-bottom: 25px;
}

.carousel-bg .carousel {
    padding-bottom: 0
}

.carousel-bg .item {
    padding-bottom: 26px;
}

.carousel-bg .carousel-indicators {
    bottom: -9px;
}

.carousel-inner img.img-responsive {
    min-width: 100%;
}


/* *** MEDIAQUERIES CAROUSEL HOME PAGE *** */
@media screen and (max-width: 767px) {
    #carousel-home {
        margin-bottom: 20px;
    }
}

/*Fin de @media*/

/* ********************************* CAROUSEL TÉMOIGNAGES ********************************* */
#carousel-temoignage {
    width: 80%;
}

#carousel-temoignage .carousel-inner {
    position: inherit;
}

#carousel-temoignage .carousel-indicators {
    margin-bottom: 0;
}

#carousel-temoignage .carousel-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    display: block;
}

#carousel-temoignage h3 {
    margin: 0 !important;
}

#carousel-temoignage p {
    padding: 0 0 10px 30px;
    position: relative;
}

#carousel-temoignage p:before {
    font-size: 40px;
    font-weight: 700;
    color: #d1d1d1;
    content: '\201C';
    left: 0;
    position: absolute;
    top: 10px;
}

#carousel-temoignage p:after {
    color: #d1d1d1;
    content: '\201D';
    display: block;
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0 0;
    text-align: right;
}

#carousel-temoignage h3 a {
    color: #444;
    text-decoration: none;
}

#carousel-temoignage h3 a:hover {
    color: #00758B;
    text-decoration: none;
}

#carousel-temoignage p small a,
#carousel-temoignage small a {
    color: #444;
    text-decoration: none;
}

#carousel-temoignage p small a:hover,
#carousel-temoignage small a:hover {
    color: #00758B;
    text-decoration: none;
}

#carousel-temoignage p a {
    color: #444;
    text-decoration: none;
}

#carousel-temoignage p a:hover {
    color: #444;
    text-decoration: none;
}

#carousel-temoignage .carousel-inner {
    background-image: url('../images/core/backgrounds/bg-carousel-temoignages.png');
    background-position: bottom left;
    background-repeat: repeat-x;
}

/* *** MEDIAQUERIES CAROUSEL TÉMOIGNAGES *** */
@media screen and (max-width: 991px) {
    #carousel-temoignage {
        max-width: 260px;
    }
}

/*Fin de @media*/

/* ********************************* CAROUSEL MULTI ********************************* */
.carousel-multi {
    padding-bottom: 10px;
}

.carousel-multi .module {
    box-sizing: border-box;
    display: block;
    background-color: #FFF;
}

.carousel-multi.row {
    margin: 0;
}

.carousel-multi img {
    max-height: 107px !important;
    width: auto;
}

.carousel-multi .left,
.carousel-multi .right {
    /*margin-top: 10px;*/
}

.carousel-multi .glyphicon-chevron-left {
    background-image: url("../images/core/thumbcarousel/arrow-left.png");
    background-repeat: no-repeat;
    background-position: 0 -200px;
    height: 100px !important;
    width: 30px !important;
}

.carousel-control {
    opacity: 1;
}

.carousel-multi .glyphicon-chevron-right {
    background-image: url("../images/core/thumbcarousel/arrow-right.png");
    background-repeat: no-repeat;
    background-position: 0 -200px;
    height: 100px !important;
    width: 30px !important;
}

.carousel-multi .glyphicon-chevron-right:hover,
.carousel-multi .glyphicon-chevron-left:hover {
    background-position: 0 -100px;
}

.carousel-multi .inactive .glyphicon-chevron-right,
.carousel-multi .inactive .glyphicon-chevron-left {
    background-position: 0 0;
}

.carousel-multi .small-glyphicon-chevron-left {
    background-image: url("../images/core/thumbcarousel/small-arrow-left.png");
    background-position: left -200px;
    background-repeat: no-repeat;
    height: 80px;
    width: 15px;
}

.carousel-multi .small-glyphicon-chevron-right {
    background-image: url("../images/core/thumbcarousel/small-arrow-right.png");
    background-position: right -200px;
    background-repeat: no-repeat;
    height: 80px;
    width: 15px;
}

.carousel-multi .small-glyphicon-chevron-left:hover {
    background-position: left -100px;
}

.carousel-multi .small-glyphicon-chevron-right:hover {
    background-position: right -100px;
}

.carousel-multi .carousel-control .icon-prev,
.carousel-multi .carousel-control .icon-next,
.carousel-multi .carousel-control .glyphicon-chevron-left,
.carousel-multi .carousel-control .glyphicon-chevron-right {
    margin: 0 !important;
    top: 10px;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-2-slides .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    .carousel-2-slides .carousel-inner > .item.next,
    .carousel-2-slides .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    .carousel-2-slides .carousel-inner > .item.prev,
    .carousel-2-slides .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .carousel-2-slides .carousel-inner > .item.next.left,
    .carousel-2-slides .carousel-inner > .item.prev.right,
    .carousel-2-slides .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*Fin de @media*/

.carousel-2-slides .carousel-inner > .active.left {
    left: -50%;
}

.carousel-2-slides .carousel-inner > .active.right {
    left: 50%;
}

.carousel-2-slides .carousel-inner > .next {
    left: 50%;
}

.carousel-2-slides .carousel-inner > .prev {
    left: -50%;
}

.carousel-2-slides .carousel-inner > .next.left,
.carousel-2-slides .carousel-inner > .prev.right {
    left: 0;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-3-slides .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    .carousel-3-slides .carousel-inner > .item.next,
    .carousel-3-slides .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(33.33333%, 0, 0);
        transform: translate3d(33.33333%, 0, 0);
    }

    .carousel-3-slides .carousel-inner > .item.prev,
    .carousel-3-slides .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-33.33333%, 0, 0);
        transform: translate3d(-33.33333%, 0, 0);
    }

    .carousel-3-slides .carousel-inner > .item.next.left,
    .carousel-3-slides .carousel-inner > .item.prev.right,
    .carousel-3-slides .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*Fin de @media*/

.row.carousel-three-slides > .row.carousel-3-slides {
    padding: 0 15px;
}

.carousel-three-slides .carousel-multi.row {
    margin: 0 10px;
}

.carousel-3-slides .carousel-inner > .active.left {
    left: -33.33333%;
}

.carousel-3-slides .carousel-inner > .active.right {
    left: 33.33333%;
}

.carousel-3-slides .carousel-inner > .next {
    left: 33.33333%;
}

.carousel-3-slides .carousel-inner > .prev {
    left: -33.33333%;
}

.carousel-3-slides .carousel-inner > .next.left,
.carousel-3-slides .carousel-inner > .prev.right {
    left: 0;
}

.carousel-3-slides {
    margin-top: 30px !important;
}

.carousel-3-slides .carousel-control.right {
    left: 0;
}

.carousel-3-slides a p.center {
    color: #333;
    font-size: 11px;
}

.carousel-3-slides a:hover {
    color: #333;
    text-decoration: underline;
}

.carousel-3-slides a img {
    margin-bottom: 3px;
}

.carousel-3-slides.carousel-multi img {
    height: 45px !important;
}

.carousel-3-slides.carousel-multi.big img {
    height: 70px !important;
}

.carousel-3-slides .carousel-inner img.img-responsive {
    min-width: 0;
}

.carousel-3-slides.carousel-multi .small-glyphicon-chevron-right {
    background-position: right -210px;
}

.carousel-3-slides.carousel-multi .small-glyphicon-chevron-left {
    background-position: left -210px;
}

/* ***************************************************************** SERVICE LIST ********************************************************************************** */
#service-list {
    background-color: #FFF;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 9px;
}

.encart #service-list h2.orange {
    text-transform: none;
}

#service-list a img.pull-left {
    height: auto;
    width: 60px;
}

#service-list a img.pull-left:hover {
    opacity: 0.7;
}

#service-list h3.border-bottom {
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}

#service-list p.small + h3.orange {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#service-list p.small {
    color: #969696;
    font-size: 9px;
    margin: 0;
    text-transform: uppercase;
}

#service-list p.button-small,
#service-list p.button-small a {
    margin: 0;
}

#service-list p.button-small a,
#service-list a.button-small,
#service-list button.button-small {
    background-color: #F2FBFD;
    color: #00758b;
}

#service-list p.button-small a:hover,
#service-list a.button-small a:hover,
#service-list button.button-small a:hover {
    background-color: #117e93;
    color: #FFF;
}

#service-list p#catalogue {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

#service-list hr {
    margin: 10px 0;
}

/* ************************************************************************************* À LA UNE ****************************************************************** */
/* ***** NEWS ***** */
.content .news ul li {
    background-image: none;
}

.content .news ul li {
    background-image: url("../images/core/backgrounds/pix-greenSquare.png");
    background-position: top;
    background-repeat: repeat-x;
    margin: 10px 0;
    padding: 10px 0 0 0;
    text-indent: 0;
}

.content .news ul li:first-child {
    background: none;
    padding-top: 0;
}

.news a img {
    box-shadow: 1px 2px 5px #999;
    margin: 0px 10px 5px 0;
}

.news a p.rubrique {
    color: #ed7601;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.news a p.titre,
.news a h2.titre {
    color: #444;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.news a p.titre:hover,
.news a h2.titre:hover {
    color: #00758b;
    text-decoration: none;
}

.news a p.date,
p.date {
    color: #969696;
    font-size: 11px;
    margin: 2px 0 0 0;
    text-decoration: none;
}

.news a p.date:hover {
    text-decoration: none;
}

.news a p.accroche {
    color: #444;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

.news a p.accroche:hover {
    text-decoration: none;
}

.news a:hover {
    text-decoration: none;
}

/* ***** AGENDA ***** */
#agenda h2.border-bottom {
    margin-bottom: 5px !important;
}

#agenda ul li {
    padding-left: 0;
    text-indent: 0;
}

#agenda ul li {
    background-image: none;
    padding-left: 0;
}

#agenda ul li {
    background-image: url("../images/core/listes/pix-greenSquare.png");
    background-position: bottom;
    background-repeat: repeat-x;
    margin: 0 0 10px;
    padding: 10px 0 10px;
}

#agenda .date {
    color: #444;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    width: 90px;
}

#agenda .date .date1 {
    display: block;
    line-height: 15px;
}

#agenda .date .date1 em {
    color: #ed7601;
    float: left;
    font-size: 33px;
    font-style: normal;
    line-height: 30px;
    width: 50%;
}

#agenda .date .date2 {
    font-size: 10px;
}

#agenda .date .date2 em {
    color: #ed7601;
    font-style: normal;
}

#agenda .infos {
    float: left;
    margin-left: 10px;
}

.col-md-6 #agenda .infos {
    width: 63%;
}

.col-md-5 #agenda .infos {
    width: 60%;
}

@media screen and (max-width: 991px) {
    .col-md-6 #agenda .infos {
        width: 50%;
    }
}

/*Fin de @media*/

#agenda .infos .topic {
    color: #444;
    display: block;
    font-size: 12px;
    font-weight: 700;
}

#agenda .infos .title {
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

#agenda a .infos .title:hover {
    color: #00758b;
}

#agenda .infos .location {
    color: #444;
    display: block;
    font-size: 12px;
}

.col-md-10 #agenda .infos {
    width: 85%;
}
.col-md-9 #agenda .infos {
    width: 85%;
}

.col-md-7 #agenda .infos {
    width: 70%;
}

.col-md-7 #agenda .infos .topic,
.col-md-10 #agenda .infos .topic,
.col-md-7 #agenda .infos .title,
.col-md-10 #agenda .infos .title,
.col-md-7 #agenda .infos .location,
.col-md-10 #agenda .infos .location {
    margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
    .col-md-7 #agenda .infos,
    .col-md-10 #agenda .infos {
        width: 60%;
    }
}

/*Fin de @media*/

/* ***** ÉVALUEZ VOTRE SALAIRE BOX HOME PAGE ***** */
#evaluez-vore-salaire div {
    background-image: url("../images/evaluez/evaluateSalary.png");
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    padding: 15px 15px 5px 85px;
}

#evaluez-vore-salaire h2 {
    color: #ed7601;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 767px) {
    #evaluez-vore-salaire div {
        background-image: none;
        padding: 15px;
    }
}

.analyseur-marche {
    padding-top: 15px;
}

.analyseur-marche div {
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    padding: 15px 5px 5px 7px;
    height: 179px;
}

.analyseur-marche h2 {
    color: #ed7601;
    margin-bottom: 10px !important;
}

.analyseur-marche p {
    height: 80px;
}

.analyseur-marche a {
    margin-left: 6px;
}

@media screen and (max-width: 767px) {
    .analyseur-marche div {
        background-image: none;
        padding: 15px;
    }
}

/*Fin de @media*/

/* ***** LES ENTREPRISE QUI RECRUTENT ***** */
#les-entreprises-qui-recrutent {
    background-image: url("../images/les-entreprises-qui-recrutent/bck-push-entreprisesRecrut.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    padding: 15px 15px 5px 140px;
}

#les-entreprises-qui-recrutent h2 {
    color: #ed7601;
    margin-bottom: 10px !important;
}

#les-entreprises-qui-recrutent p {
    font-size: 14px;
}

#les-entreprises-qui-recrutent a {
    font-size: 12px !important;
}

a.les-entreprises-qui-recrutent-link-strong strong {
    color: #ed7601;
}

a.les-entreprises-qui-recrutent-link-strong:hover strong {
    color: #ed7601;
    text-decoration: underline;
}

.les-entreprises-qui-recrutent-button {
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    #les-entreprises-qui-recrutent {
        background-image: none;
        padding: 15px;
    }
}

/*Fin de @media*/

/* ***** LES ENTREPRISE QUI RECRUTENT MARS 2017***** */
#les-entreprises-qui-recrutent-2017-03 {
    background-image: url("../images/les-entreprises-qui-recrutent/fond_encart_pages_entreprises-2017-03.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    padding: 15px 15px 25px 140px;
}

#les-entreprises-qui-recrutent-2017-03 h2 {
    color: #ed7601;
    margin-bottom: 10px !important;
}

#les-entreprises-qui-recrutent-2017-03 p {
    font-size: 14px;
}

#les-entreprises-qui-recrutent-2017-03 a {
    font-size: 12px !important;
}

@media screen and (max-width: 767px) {
    #les-entreprises-qui-recrutent-2017-03 {
        background-image: none;
        padding: 15px;
    }
}/*Fin de @media*/

/* ***** TÉLÉPHONE ***** */
p#telephone a {
    color: #111;
    font-size: 15px;
    font-weight: 700;
}

p#telephone a:hover {
    color: #00758B;
    text-decoration: none;
}

p#telephone img {
    margin-left: 5px;
}

/* ***** BLOG ***** */
#blog div {
    background: url("../images/core/listes/pix-greenSquare.png");
    background-position: bottom;
    background-repeat: repeat-x;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#blog p,
#blog li {
    font-size: 12px;
}

#blog p.title a {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}

#blog p.title a:hover {
    color: #00758b;
}

#blog p.date {
    margin-bottom: 0;
}

#blog p.accroche {
    margin-bottom: 0.5em;
}

/* ***** FORUM ***** */
#forum {
    margin-top: 20px;
}

#forum ul li {
    margin-bottom: 20px;
    padding-left: 0;
    text-indent: 0;
}

#forum ul li {
    background-image: none;
}

#forum li .box-top {
    background-image: url("../images/forum/dial-box-top.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 297px;
}

#forum li .box-inter {
    background-image: url("../images/forum/dial-box-inter.png");
    background-position: left top;
    background-repeat: repeat-y;
    display: block;
    height: auto;
    width: 297px;
}

#forum li .box-bottom {
    background-image: url("../images/forum/dial-box.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    width: 297px;
}

#forum p {
    font-size: 15px;
    font-weight: 700;
}

#forum li p.titre {
    background-image: url("../images/forum/picto-dial.png");
    background-position: 15px 3px;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    max-width: 285px;
    padding: 2px 0 2px 45px;
}

#forum span {
    color: #00758b;
    display: inline-block;
    padding-right: 6px;
}

#forum p.name {
    color: #00758b;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin: 0;
}

#forum p.date {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    margin: 0;
}

/* ***** COMMENTAIRES ***** */
h3#open-comment {
    margin-top: 20px;
}

ul.commentaires li {
    background-image: none;
    border-top: 1px dotted #CCC;
    padding: 20px 0;
}

ul.commentaires li .box-top {
    background-image: url("../images/commentaires/box-comments-item-sides.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 11px;
    width: 100%;
}

ul.commentaires li .box-inter {
    background-image: url("../images/commentaires/box-comments-item-content.png");
    background-position: left center;
    background-repeat: repeat-y;
    background-size: 100% 100%;
    display: block;
    height: auto;
    padding: 0 20px;
    width: 499px;
}

ul.commentaires li .box-inter p {
    margin: 0;
    word-wrap: break-word;
}

ul.commentaires li .box-bottom {
    background-image: url("../images/commentaires/box-comments-item-sides.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 100%;
}

ul.commentaires p.name {
    color: #00758b;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin: 0;
}

/* ***** RÉSEAUX SOCIAUX ***** */
#social {
    border: 1px solid #dcdcdc;
    padding: 15px;
}

#social p {
    color: #6d7e88;
    font-size: 16px;
    text-align: center;
}

#social ul {
    margin: 0 auto;
    width: 230px;
}

#social ul li {
    float: left;
    margin: 6px;
    padding-left: 0;
    text-indent: 0;
}

#social ul li {
    background-image: none;
}

#social-box {
    border: 1px solid #d5d4d4;
    padding: 10px;
}

#social-box .black {
    color: #000;
}

#social-box .small {
    font-size: 10px;
    line-height: 11px;
}

#social-box .row {
    padding: 0 10px !important;
}

#social-box .col-md-3 {
    padding: 2px !important;
}

/* ******************************************************************** BOTTOMBAR ********************************************************************************** */
#bottombar {
    background-image: url("../images/bottombar/bg_footer.png");
    background-position: top center;
    background-repeat: no-repeat;
    height: 93px;
    margin: 20px 0;
    width: 1006px;
}

#bottombar ul {
    padding: 35px 0 0 140px;
}

#bottombar ul li {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 21px;
    list-style: none;
    padding: 0 3px;
}

#bottombar ul li.coloredWhite {
    color: #99aca9;
    margin: 0 1px;
}

/* ********************************* MEDIA QUERIES BOTTOMBAR ********************************* */
@media screen and (max-width: 991px) {
    #bottombar {
        background-image: none;
        background-color: #EFEFEF;
        height: auto;
        width: 100%;
    }

    #bottombar ul {
        padding: 20px;
    }

    #footer .row {
        margin: 0;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    .referencLink {
        /*display: none;*/
    }
}

/*Fin de @media*/

/* *********************************************************************** FOOTER ********************************************************************************** */
#footer p,
.referencLink p {
    line-height: 18px;
}

#footer p a,
.referencLink p a {
    /*margin: 0 5px;*/
}

#footer p a:first-child,
.referencLink p a:first-child {
    margin-left: 0;
}

/* ********************************************************************** SIDEBAR ********************************************************************************** */
.sidebar-nav h3 {
    display: block;
    width: 80%;
}

.sidebar-nav ul {
    float: none;
    margin-bottom: 10px;
}

.content .sidebar-nav ul li {
    background: none;
    float: none;
    margin: 0 0 -1px;
    padding-left: 0;
}

.sidebar-nav li a:before {
    color: #ED7601;
    content: "\2022";
    margin: 0 8px 0 0;
}

.content .sidebar-nav ul li a {
    padding-bottom: 0;
    padding-top: 0;
}

.content .sidebar-nav ul li a {
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    margin: 0 20px 0 0;
    padding: 3px 0 3px 10px;
}

.content .sidebar-nav ul li a,
.content .sidebar-nav ul li a:hover,
.content .sidebar-nav ul li a:focus {
    background-color: transparent;
    color: inherit;
}

.content .sidebar-nav ul li:hover,
.content .sidebar-nav ul li.active {
    background-color: transparent;
    background-image: url("../images/core/menu/service-menu-active.png");
    background-repeat: no-repeat;
}

.sidebar-nav ul li.active {
    font-weight: 700;
}

.col-md-4 .sidebar-nav ul li:hover,
.col-md-4 .sidebar-nav ul li.active {
    background-position: -95px center;
}

.col-md-3 .sidebar-nav li a {
    width: 170px;
}

.col-md-3 .sidebar-nav li.active a,
.col-md-3 .sidebar-nav li:hover a {
    width: 190px;
}

.col-md-4 .sidebar-nav li a {
    width: 250px;
}

.col-md-4 .sidebar-nav li.active a,
.col-md-4 .sidebar-nav li:hover a {
    width: 270px;
}

.col-md-3 .sidebar-nav ul li:hover,
.col-md-3 .sidebar-nav ul li.active {
    background-position: -175px center;
}

.image-services-apec img {
    max-width: 255px;
}

.col-md-4 .ombre-menu h2,
.col-md-4 .ombre-menu h3,
.col-md-4 .ombre-menu h4 {
    max-width: 270px;
}

/* ********************************* MEDIA QUERIES SIDEBAR********************************* */
@media screen and (max-width: 991px) {
    #tous-les-services,
    #tout-le-menu {
        margin-bottom: 10px;
    }

    .col-md-3 #sidebar,
    .col-md-4 #sidebar {
        background-color: rgba(255, 255, 255, 0.97);
        left: -315px;
        /*min-height: 1020px;*/
        /*padding-bottom: 100px;*/
        padding-left: 10px;
        position: absolute;
        top: 0;
        width: 300px;
        z-index: 9999;
    }

    .col-md-3 #sidebar {
        left: -220px;
        width: 215px;
    }
}

/*Fin de @media*/

/* ***************************************************** LES SERVICES APEC DETAIL ********************************************************************************** */
#AutoPromo .cadre.gradient {
    padding: 15px 15px 0 15px;

}

#AutoPromo .cadre.gradient #carousel-home.carousel {
    padding-bottom: 20px;
}

#AutoPromo .cadre.gradient #carousel-home ol.carousel-indicators {
    bottom: -10px;
    margin-bottom: 0;
    margin-top: 0;

}

.autopromo-postulation {
    text-align: center;
    margin-top: 58px;
    font-weight: 700;
    font-size: 26px;
    color: #ed7601;
    margin-bottom: 20px;
}

.service-index img.table-cell {
    height: 60px !important;
    max-width: none;
    width: 60px !important;
}

.service-details .retour-a-la-liste {
    margin-bottom: 20px;
}

.service-details p,
.service-details ul {
    margin-bottom: 15px;
}

/*.service-details h2,*/
.service-details h1 {
    font-size: 22px !important;
    margin-top: 10px;
}

/*.service-details h2 em,*/
.service-details h1 em {
    border-left: 1px dotted #9baeab;
    color: #ed7601;
    font-size: 20px;
    font-style: normal;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}

.service-detail-block {
    padding: 20px;
}

.service-detail-block h3,
.service-detail-block h2.h3 {
    color: #444;
    font-size: 14px;
}

.service-detail-block img.table-cell {
    max-width: 78px;
}

.service-details a[href*="avis"] {
    font-size: .8em;
}

.service-details .service-checklist {
    float: left;
    display: inline-block;
}

.service-details .service-performance {
    float: right;
    display: inline-block;
    margin-left: 20px;
    width: 40%;
}

.service-performance + .service-check-list {
    width: 55%;
}

.service-details .service-performance .badge {
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0 10px 10px 0;
    padding: 8px;
}

.badge-orange {
    background-color: #ed7601;
    border-radius: 5px;
    color: #ffffff;
    text-align: left;
    white-space: normal;
}

.badge-orange a {
    color: #FFF;
}

.badge-bleu {
    background-color: #117e93;
    border-radius: 5px;
    color: #ffffff;
    text-align: left;
    white-space: normal;
}

.badge-bleu a {
    color: #FFF;
}

.service-details .service-performance small {
    font-size: 11px;
}

.service-details .service-performance p.performance {
    color: #117e93;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0;
}

.service-details .service-detail-block hr {
    background-image: none;
    border-top: 1px solid #dcdcdc;
    height: 1px;
    margin: 10px 0;
}

.service-details .service-detail-block .col-md-7.border-right p strong {
    font-size: 13px;
}

.service-details .service-detail-block + p.text-right {
    font-weight: 700;
}

.service-card {
    background: url("../images/core/backgrounds/service-card.png");
    background-repeat: no-repeat;
    float: right;
    height: 292px;
    left: 10px;
    margin: 25px 0 0;
    padding: 25px;
    position: relative;
    width: 228px;
}

.service-card ul {
    margin-bottom: 20px;
}

.service-details td {
    border: 1px solid #9baeab;
    padding: 20px;
}

.temoignage h4 {
    color: #444;
    margin: 0 !important;
}

.temoignage p {
    margin-top: 10px;
    padding: 0 10px 0 30px;
    position: relative;
}

.temoignage p:before {
    color: #d1d1d1;
    content: '\201C';
    font-size: 40px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 10px;
}

.temoignage p:after {
    color: #d1d1d1;
    content: '\201D';
    display: block;
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0 0;
    text-align: right;
}

.decouvrir-aussi {
    margin-bottom: 20px;
}

.service-comment {
    border-top: 1px dotted #9baeab;
    color: #00758b;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 10px 0 0;
    padding: 15px 0 0;
}

.service-comment-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    color: #444444;
    font-weight: 100;
    margin: 0 0 15px;
    padding: 10px 15px;
    position: relative;
}

.service-comment-content:after {
    bottom: -20px;
    content: url("../images/core/backgrounds/service-comment.png");
    left: 35px;
    position: absolute;
}

.service-comment .service-comment-date {
    color: #7c8e91;
    display: block;
    font-size: 11px;
}

@media screen and (max-width: 767px) {
    .service-performance + .service-check-list {
        width: 100%;
    }

    .service-details .service-performance {
        float: none;
    }

    .service-details .service-performance .badge {
        display: block;
    }
}

/*Fin de @media*/

@media screen and (max-width: 737px) {
    .service-card {
        float: none;
    }
}

/*Fin de @media*/

/* ******************************************************************* FORMULAIRE ********************************************************************************** */
ul#form-steps {
    border-bottom: 1px solid #ccc;
    margin-bottom: 33px;
    padding-bottom: 15px;
}

ul#form-steps li {
    background-image: none;
    color: #c9c9c9;
    float: left;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 30px;
    padding-left: 0;
}

ul#form-steps li strong {
    background-color: #c9c9c9;
    border-radius: 2px;
    color: #FFF;
    margin-right: 8px;
    padding: 2px 5px;
}

ul#form-steps li.active {
    color: #444;
}

ul#form-steps li.active strong {
    background-color: #ed7601;
}

ul#form-steps li.visited strong {
    background-color: #8cb9c1;
}

ul#form-steps li.visited:hover strong {
    background-color: #00758B;
}

.block-error {
    background-color: #ffdfdf;
    background-image: url("../images/core/form/picto-error.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 0 0 1px #998282;
    margin-bottom: 25px;
    padding: 15px 15px 15px 50px;
}

.block-info {
    background-color: #eef7f9;
    background-image: url("../images/core/form/picto-info-blue.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 0 0 1px #998282;
    margin-bottom: 25px;
    padding: 15px 15px 15px 50px;
}

.block-info-jaune {
    background-color: #ffffca;
    background-image: url("../images/core/form/picto-info.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 0 0 1px #998282;
    margin-bottom: 25px;
    padding: 15px 15px 15px 50px;
}

.block-error h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.block-error-select-candidate .block-error {
    margin-bottom: 5px !important;
}

.form-group {
    font-size: 12px;
    margin-bottom: 5px;
}

/* Error input */
.error-contain {
    margin-left: 42%;
    color: #ff0000;
    margin-bottom: 5px;
    clear: both;
}

span.error {
    background-image: url("../images/core/form/alert.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 18px;
    margin: 6px 0 0 5px;
    width: 20px;
}

.input-group span.error,
.radio-inline + span.error,
select.pull-left + span.error {
    margin: 0 0 0 5px;
}

input[type=file] + p.pull-left + span.error {
    margin: 0;
}

select + span.pull-left {
    margin: 5px 0 0 5px;
}

.checkbox-list {
    position: relative
}

.checkbox-list span.error {
    margin: 0;
    position: absolute;
    right: -30px;
    top: 0;
}

label {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-right: 2%;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    width: 40%;
}

label.pull-left + label.pull-left {
    margin-left: 20px;
}

label.align-left{
    text-align: left;
    width: auto;
}

label em {
    color: #7c8e91;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 2px 5px 0 0;
}

.radio,
.checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: 2px;
}

input[type="text"],
input[type="password"],
input[type="number"] {
    background-color: #FFF;
    border: 1px solid #cccccc;
    border-radius: 0;
    display: inline-block;
    float: left;
    font-size: 11px;
    height: 20px;
    margin: 5px 0;
    padding: 2px;
    vertical-align: middle;
    width: 100%;
    max-width: 245px;
}

input[type="file"] {
    background: url('../images/core/backgrounds/form-bck-inputText.png') repeat-x scroll 0 -2px #f6f6f6;
    border: 1px solid #ccc;
    height: auto !important;
    padding: 0;
    margin-top: 7px;
}

div#piece-jointe-deja-remplie-if-parent {
    margin-left: 11px;
}

div#if-if-parent {
    margin-left: 30px
}

@media screen and (max-width: 768px) {
    input[type="file"].inputFileAffinite {
        background: none !important;
        border: none !important;
        color: transparent;
    }
}

/*Fin de @media*/

.cke {
    float: left;
    width: 95% !important;
}

.input-ckeditor .cke {
    width: 520px !important;
}

input.inputMoney,
input.inputDay,
input.inputMonth,
input.inputYear {
    width: 35px;
}

.Date select {
    width: 75px;
}

.Date2 select {
    width: 117px;
}

select.pull-left + pull-left {
    margin: 5px 0 0 10px;
}

select.pull-left + select.pull-left {
    margin-left: 10px;
}

select.pull-left + input.pull-left {
    margin-left: 10px;
}

.Date select.pull-left + select.pull-left,
.Date2 select.pull-left + select.pull-left {
    margin-left: 10px;
}

.inputSize1 input,
select.inputSize1,
input.inputSize1,
.inputSize1 select {
    width: 140px;
}

.inputSize2 input,
select.inputSize2,
input.inputSize2,
.inputSize2 textarea {
    min-width: 245px;
}

.inputSize3 input,
select.inputSize3,
input.inputSize3,
.inputSize3 textarea {
    min-width: 183px;
}

.full-width input,
.full-width select,
.full-width textarea,
.full-width {
    max-width: 90% !important;
    width: 90%;
}

input.mots-cles {
    width: 80%;
    max-width: 522px;
}

input + p.pull-left {
    margin: 8px 7px;
}

input[type="file"] + p.pull-left {
    margin: 5px 7px;
}

p.pull-left + input {
    margin-left: 10px;
}

select {
    background-color: #FFF;
    border: 1px solid #cccccc;
    border-radius: 0;
    float: left;
    font-size: 12px;
    height: 20px;
    margin: 5px 0;
    max-width: 120%;
    width: 246px;
}

select,
option {
    overflow: hidden;
    -o-text-overflow: ellipsis; /* Opera < 10 */
    text-overflow: ellipsis;
    white-space: nowrap;
}

textarea {
    border: 1px solid #cccccc;
    min-width: 245px;
    max-width: 100%;
}

.full-width textarea {
    width: 90%;
}

select#data.dateNaissance_d {
    width: auto;
}

.radio-inline {
    float: left !important;
    margin-bottom: 10px !important;
    margin-right: 10px;
    width: auto !important;
}

.radio-inline + .radio-inline {
    margin-top: 5px;
}

input.label-indication {
    height: 30px;
    padding-top: 23px;
}

.input-group {
    display: block;
    float: left;
    margin-top: 3px;
    position: inherit;
    /*width: 58%;*/
}

.width-max .input-group {
    width: 100%;
}

.input-group label {
    display: block;
    float: none;
    font-weight: normal;
    margin: 0;
    text-align: left;
    width: 100%;
}

.bold .input-group label {
    font-weight: 700;
}

.input-group p {
    margin: 2px 0 0 0;
}

.input-group ul {
    margin: 0;
}

.input-group img.captcha {
    margin: 5px 0 10px 0;
}

.input-group label.radio-inline {
    clear: none;
    float: left;
}

.input-group label.radio-inline + label.radio-inline {
    margin-top: 0;
}

.input-group input[type="text"],
.input-group input[type="password"],
.input-group input[type="number"],
.input-group select {
    margin: 0 0 5px 0;
}

label.width-max {
    font-weight: normal;
    text-align: left;
    width: 93%;
}

.input-position {
    margin-left: 42%;
}

input[type="range"] {
    display: inline-block;
    float: left;
    font-size: 11px;
    height: 20px;
    margin: 5px 0;
    padding: 2px;
    vertical-align: middle;
    width: 100%;
    max-width: 245px;
}

input[type="range"] + input[type="text"] {
    margin-left: 10px;
}

.confirmation h2.orange,
h3.confirmation,
.confirmation h3 {
    float: left;
}

.confirmation h2.clear {
    float: none !important;
}

.confirmation p.button-modifier {
    float: right;
}

.confirmation .main label,
.confirmation label.main {
    float: left;
}

p.box-legal-text {
    font-size: 10px;
    margin-top: 10px;
}

.login label {
    font-size: 14px;
}

.login input[type="text"],
.login input[type="password"],
.login a.button-big {
    width: 100% !important;
}

.login a.button-big {
    margin-bottom: 10px;
    text-align: center;
}

#loginForm .form-group {
    margin-bottom: 10px;
}

#loginForm label {
    text-align: left;
    margin: 0;
    width: 100%;
}

#loginform input {
    margin: 0;
}

#loginForm label em {
    display: inline;
}

.ui-datepicker-trigger {
    float: left;
    margin: 6px 0 0 6px;
}

.dual-list-box-custom .input-group {
    display: inline-block;
    width: 100%;
}

.dual-list-box-custom label em {
    display: inline;
    margin-left: 5px;
}

.dual-list-box-custom select,
.dual-list-box-custom input {
    float: none;
    width: 90%;
    max-width: 90%;
}

.dual-list-box-custom option {
    width: 100%;
}

.dual-list-box-custom .dual-list-box-left,
.dual-list-box-custom .dual-list-box-right {
    border: 1px solid #CCC;
    float: left;
    height: 300px;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
    width: 90%;
}

.dual-list-box-custom .dual-list-box-left ul,
.dual-list-box-custom .dual-list-box-right ul {
    margin: 0;
}

.dual-list-box-custom .dual-list-box-left ul li ul,
.dual-list-box-custom .dual-list-box-right ul li ul {
    padding: 0;
}

.dual-list-box-custom .dual-list-box-left ul li,
.dual-list-box-custom .dual-list-box-right ul li {
    background-image: none !important;
}

.dual-list-box-custom .dual-list-box-left ul li a,
.dual-list-box-custom .dual-list-box-right ul li a {
    color: #333;
    display: inline-block;
    padding: 2px;
    text-decoration: none !important;
    width: 90%;
}

.dual-list-box-custom .dual-list-box-left ul li a:hover,
.dual-list-box-custom .dual-list-box-right ul li a:hover {
    background-color: #ebebeb;
    text-decoration: none;
}

.dual-list-box-custom .dual-list-box-left ul li a.selected,
.dual-list-box-custom .dual-list-box-right ul li a.selected {
    background-color: #CCC;
}

.dual-list-box-custom .dual-list-box-left ul li span {
    background-image: url("../images/core/backgrounds/dual-list-box-custom-plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}

.dual-list-box-custom .dual-list-box-left ul li span:hover {
    background-image: url("../images/core/backgrounds/dual-list-box-custom-plus-hover.png");
    cursor: pointer;
}

.dual-list-box-custom .dual-list-box-left ul li span.more {
    background-image: url("../images/core/backgrounds/dual-list-box-custom-moins.png");
}

.dual-list-box-custom .dual-list-box-left ul li span.more:hover {
    background-image: url("../images/core/backgrounds/dual-list-box-custom-moins-hover.png");
}

.dual-list-box-custom .dual-list-box-left ul li span.deplie {
    background-image: none;
}

.dual-list-box-custom .dual-list-box-left ul li ul {
    border: 0;
    height: auto;
    margin-bottom: 0;
}

.col-md-2 .dual-buttons {
    margin-top: 90px;
}

.dual-list-box-custom button {
    display: block;
    margin: 10px auto 0 auto;
    width: 50px;
}

.dual-list-box-custom button.button-str {
    background-image: url('../images/core/boutons/dual-list-box-custom/str-horizontal.png');
    background-position: center center;
}

.dual-list-box-custom button.button-str:hover {
    background-image: url('../images/core/boutons/dual-list-box-custom/str-horizontal_hover.png');
}

.dual-list-box-custom button.button-stl {
    background-image: url('../images/core/boutons/dual-list-box-custom/stl-horizontal.png');
    background-position: center center;
}

.dual-list-box-custom button.button-stl:hover {
    background-image: url('../images/core/boutons/dual-list-box-custom/stl-horizontal_hover.png');
}

.dual-list-box-custom button.button-atl {
    background-image: url('../images/core/boutons/dual-list-box-custom/atl-horizontal.png');
    background-position: center center;
}

.dual-list-box-custom button.button-atl:hover {
    background-image: url('../images/core/boutons/dual-list-box-custom/atl-horizontal_hover.png');
}

.dual-list-box-custom .dual-list-box-right {
    margin-top: 25px;
}

.dual-list-box-custom span.error {
    margin-top: 25px;
}

.dual-list-box-custom.no-filter span.error {
    margin-top: 0;
}

.dual-list-box-custom.no-filter .dual-list-box-right {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .dual-list-box-custom .dual-list-box-right {
        margin-top: 10px;
    }

    .col-md-2 .dual-buttons {
        clear: both;
        margin: 20px auto;
        padding-top: 20px;
        width: 190px;
    }

    .dual-list-box-custom button {
        display: inline-block;
        margin: 10px 10px 0 0;
    }

    .col-md-2 button + button {
        margin-top: 0;
    }

    .dual-list-box-custom button.button-str {
        background-image: url('../images/core/boutons/dual-list-box-custom/str-vertical.png');
    }

    .dual-list-box-custom button.button-stl {
        background-image: url('../images/core/boutons/dual-list-box-custom/stl-vertical.png');
    }

    .dual-list-box-custom button.button-atl {
        background-image: url('../images/core/boutons/dual-list-box-custom/atl-vertical.png');
    }

    .dual-list-box-custom.no-filter .dual-list-box-right {
        margin-top: 10px;
    }

    .dual-list-box-custom span.error {
        margin-top: 10px;
    }
}

/*Fin de @media*/

/* Recherche avancée */
#recherche-avancee select,
#recherche-avancee option {
    width: 260px;
}

#recherche-avancee .gradient input {
    width: 90%;
}

.rechercheAvanceeAvecCVBorder {
    border-bottom: 1px solid #AAA;
    margin-bottom: 15px;
}

.rechercheAvanceeAvecCV {
    height: 110px;
    line-height: 45px;
}

.rechercheAvanceeAvecCV img {
    width: 17%;
}

/* Autocomplete */
input.ui-autocomplete-input {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 0;
    font-size: 11px;
    float: left;
    height: 20px;
    margin: 5px 0;
    padding: 2px;
    vertical-align: middle;
}

ul.ui-autocomplete {
    background-color: #FFF;
    box-shadow: 1px 2px 5px #999;
    padding: 4px;
    max-width: 440px;
}

ul.ui-autocomplete li {
    background-image: none;
    list-style: none;
    margin: 0 0 4px 0;
    padding: 0;
}

ul.ui-autocomplete li a,
ul.ui-autocomplete li a strong {
    color: #444;
}

ul.ui-autocomplete li:hover,
ul.ui-autocomplete li a:hover,
ul.ui-autocomplete .ui-state-focus {
    background-color: #EEE;
}

/* Observatoire de l'emploi */
#FichesApec .simplesearchform .col-md-5,
#EtudesApec .simplesearchform .col-md-5,
#EtudesAPEC .simplesearchform .col-md-5 {
    width: 255px;
}

#FichesApec .simplesearchform .col-md-7,
#EtudesApec .simplesearchform .col-md-7 {
    width: 425px;
}

#FichesApec .simplesearchform .col-md-7 input#searchText,
#EtudesApec .simplesearchform .col-md-7 input#searchText {
    width: 300px;
}

/* Premier Job */
AnnuaireMetiers .col-md-5 {
    width: 250px;
}

#EtudesAPEC .col-md-7 {
    width: 430px;
}

#EtudesAPEC .col-md-7 input#searchText {
    width: 300px;
}

/* Page Evaluez votre salaire */
.box-result {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #CCC;
    margin-bottom: 20px;
    padding: 20px;
}

.box-result h3 {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}

.box-result .result {
    background: url("../images/core/backgrounds/result.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 105px;
    margin: 20px auto 0 auto;
    padding: 25px 20px 20px 20px;
    width: 524px;
}

.box-result .result dl {
    margin: 0 0 8px 0;
}

.box-result .result dl.arrow {
    margin-top: 18px;
}

.box-result .result dl dt {
    background: url("../images/evaluez/arrow-1.png");
    background-position: right center;
    border-left: 1px solid #f2904a;
    color: white;
    float: left;
    font-weight: bold;
    height: 24px;
    line-height: 21px;
    overflow: hidden;
    text-indent: 5px;
    width: 270px;
}

.box-result .result dl dd {
    color: #ef741d;
    float: left;
    font-weight: bold;
    line-height: 21px;
    padding: 0 0 0 10px;
}

.box-result .result dl.arrow-1 dt,
.box-result .result dl.arrow-2 dt {
    margin: 0;
}

.box-result .result dl.arrow-2 dt {
    background-image: url("../images/evaluez/arrow-2.png");
    border-left: 1px solid #7eb1c5;
}

.box-result .result dt.more {
    width: 300px;
}

.box-result .result dt.less {
    width: 240px;
}

.box-result .result dt.eq {
    width: 270px;
}

.box-result .result dl.arrow-2 dd {
    color: #5e9eb7;
}

.box-result .box-legal-text {
    text-align: center;
}

dl.compare dt {
    border: 1px solid #cccccc;
    cursor: pointer;
    padding: 2px 20px 0 5px;
}

dl.compare dd {
    background-color: #f3f3f3;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: none;
    border-top-width: 0;
}

dl.compare dd a {
    display: block;
    margin: 0 10px 0 0;
    padding: 3px 3px 3px 7px;
    text-decoration: none;
}

dl.compare dd a.delete {
    background: url("../images/core/icons/picto-trash.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 12px;
    margin: 4px 3px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: 12px;
    width: 12px;
}

#divformenvoimail #div-col-md-9 .col-md-1 {
    padding: 7px 0 0 0;
    width: 5px;
}

#divformenvoimail #div-col-md-9 .col-md-5 .full-width,
#divformenvoimail #div-col-md-9 .col-md-5 input {
    max-width: 100% !important;
    width: 100%;
}

#divformenvoimail #div-col-md-9 .col-md-6 .full-width {
    max-width: 100% !important;
    width: 100%;
}

#divformenvoimail #div-col-md-9 .full-width .col-md-12 textarea {
    width: 800px;
    max-width: 590px !important;
}

/* ********************************* MEDIA QUERIES FORMULAIRES ********************************* */
@media screen and (max-width: 996px) {
    ul#form-steps li {
        display: block;
        float: none;
        margin-bottom: 5px !important;
    }
}

/*Fin de @media*/
@media screen and (max-width: 767px) {
    .confirmation .main label {
        float: none;
    }

    label {
        display: block;
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }

    input[type="text"],
    input[type="password"],
    input[type="number"],
    .inputSize1 input,
    select.inputSize1,
    input.inputSize1,
    .inputSize1 select,
    .inputSize2 input,
    select.inputSize2,
    input.inputSize2,
    .inputSize2 textarea,
    .inputSize3 input,
    select.inputSize3,
    input.inputSize3,
    .inputSize3 textarea {
        width: 80%;
    }

    .input-group {
        float: none;
        margin-top: 25px;
    }

    select {
        display: block;
        margin-top: 0;
    }

    textarea {
        width: 100%;
    }

    .radio-inline {
        float: none !important;
        clear: both !important;
        display: block;
        margin-top: 5px;
    }

    .radio-inline + .radio-inline {
        margin-left: 0;
        margin-top: 0;
    }

    p.input-position {
        margin-left: 0;
    }

    .buttons-input-position,
    .button-center,
    .align-center .buttons {
        margin-left: 0;
    }
}

/*Fin de @media*/

/* **************************************************************** RECHERCHE BOX ********************************************************************************** */
#recherche.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border: 0;
    background-color: transparent;
    padding: 0;
}

#recherche-box {
    margin-bottom: 20px;
}

#recherche-box p {
    color: #FFF;
}

.input-search input,
input.input-search {
    background-image: url("../images/core/form/form-bck-inputText.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    height: 33px;
    margin: 0;
    padding: 0 0 0 5px;
    width: 100%;
    max-width: 100%;
}

.stageSearchInput {
    height: 30px;
}

#recherche-box button.button-medium {
    font-size: 13px;
    height: 26px !important;
    line-height: 23px !important;
    margin: 3px 0 0 0 !important;
    padding: 0 13px !important;
}

.rechercheBoxAccueilBtn {
    height: 10px;
}


.searchBarBody {
    height: 180px;
}


@media screen and (max-width: 767px) {
    #recherche-box p.pull-left + p.pull-left {
        clear: both;
        float: none;
        margin-left: 0;
    }
}

/*Fin de @media*/

/* ******************** Avec Onglets ******************** */
#recherche-box ul.nav-tabs {
    background-color: #F7C39C;
    background-image: none;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0px 5px #888;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

#recherche-box ul.nav-tabs > li {
    color: #444;
    font-size: 12px !important;
    font-weight: normal;
    margin: 0;
    padding-left: 20px;
}

.content #recherche-box ul.nav-tabs > li:first-child {
    padding-left: 15px;
}

#recherche-box ul.nav-tabs > li.active {
    background-image: url("../images/core/tabs/tab-orange-left.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFF;
}

#recherche-box ul.nav-tabs > li:first-child.active {
    background-image: none;
    background-color: #F17B24;
    border-radius: 8px 0 0 0;
}

#recherche-box ul.nav-tabs > li.active > a,
#recherche-box ul.nav-tabs > li.active > a:hover,
#recherche-box ul.nav-tabs > li.active > a:focus {
    background-image: url("../images/core/tabs/tab-orange-right.png");
    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #FFF;
    font-weight: 700;
    margin-right: 0;
}

#recherche-box ul.nav-tabs > li > a {
    color: #444;
    font-weight: normal;
    margin: 0;
    padding: 5px 20px 6px 0;
}

#recherche-box ul.nav-tabs > li > a:hover {
    background-color: #F7C39C;
}

#recherche-box ul.nav-tabs li a:after {
    content: "|";
    left: -23px;
    position: absolute;
    top: 3px;
}

#recherche-box ul.nav-tabs li.active {
    z-index: 10;
}

#recherche-box ul.nav-tabs li.active a:after,
#recherche-box ul.nav-tabs li:first-child a:after {
    content: "";
}

#recherche-box .tab-content {
    background: #f17b24; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/bck-orange.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f17b24), color-stop(100%, #d26227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%);
    background: linear-gradient(to bottom, #f17b24 0%, #d26227 100%); /* W3C */
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 5px #888;
    color: #FFF;
}

#recherche-box .tab-content .tab-pane {
    border-bottom: 0;
    margin-bottom: 10px;
    padding: 5px 10px 20px 10px;
}

#recherche-box .tab-content p.nbre-offres {
    float: left;
    font-size: 10px;
    margin-bottom: 2px;
}

#recherche-box .tab-content p.nbre-offres a {
    color: #FFF;
    text-decoration: underline;
}

#recherche-box .tab-content p.nbre-offres a:hover {
    text-decoration: none;
}

#recherche-box .tab-content .plus-de-criteres a {
    color: #FFF;
    float: right;
    font-size: 9px;
    font-weight: 700;
    margin: 0 5px 2px 0;
}

#recherche-box .tab-content .plus-de-criteres a.margin-right-cadres-jd {
    margin-right: 20px;
}

#recherche-box .tab-content .plus-de-criteres a.margin-right-portail {
    margin-right: 10px;
}

#recherche-box .tab-content .portail-recherche-avancee {
    line-height: 13px;
}

#recherche-box .tab-content .portail-recherche-cv {
    line-height: 13px;
    height: 13px;
}

#recherche-box .tab-content p.exemple {
    color: #fcd0b5;
    font-size: 10px;
    font-weight: 700;
    margin: 0;
}

#recherche-box .tab-content p a.pictoMailOrange,
#recherche-box .tab-content p a.pictoRSSOrange {
    color: #FFF;
    font-size: 12px;
    font-weight: bold !important;
}

.select {
    background-image: url("../images/core/boutons/form-bck-button-select.png");
    background-repeat: repeat-x;
    background-position: right 0;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 1px 2px #666;
    color: #666;
    font-weight: normal;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.select select {
    background: none repeat scroll 0 0 transparent;
    border: none;
    font-size: 11px;
    height: 26px;
    margin: 0;
    padding: 5px;
}

.select + .select {
    margin-top: 10px;
}

#recherche-box .tab-pane .select-region {
    margin-top: 3px;
    max-width: 225px;
}

#recherche-box .tab-pane .row {
    margin-bottom: 0;
}

#recherche-box .row {
    margin-left: -10px;
    margin-right: -10px;
}

#recherche-box .tab-pane .col-md-10,
#recherche-box .tab-pane .col-md-7,
#recherche-box .tab-pane .col-md-3,
#recherche-box .tab-pane .col-md-2 {
    padding: 0 10px;
}

/* *********** Homepage Cadres ********* */
#recherche-homepage {
    margin-top: -55px;
    z-index: 2;
}

#recherche-homepage .input-search {
    margin-bottom: 5px;
}

#recherche-homepage .select select {
    width: 245px;
}

#recherche-homepage #tab1 .col-md-7,
#recherche-homepage #tab2 .col-md-7 {
    width: 450px;
}

#recherche-homepage #tab1 .col-md-3,
#recherche-homepage #tab2 .col-md-3 {
    width: 180px;
    max-width: 180px;
}

#recherche-homepage #tab1 .col-md-3 .select-region,
#recherche-homepage #tab2 .col-md-3 .select-region {
    width: 155px;
}

#recherche-homepage #tab1 .col-md-2,
#recherche-homepage #tab2 .col-md-2 {
    width: 140px
}

#recherche-homepage #tab1 .col-md-2 button,
#recherche-homepage #tab2 .col-md-2 button {
    width: 118px;
}

#recherche-box .nav-tabs-container {
    background-color: #F7C39C;
    border-radius: 8px;
}

/* *********** Homepage Cadres custom ********* */
@media screen and (max-width: 991px) {
    #recherche-homepage {
        margin-top: 0;
    }

    #recherche-homepage #tab1 .col-md-7,
    #recherche-homepage #tab2 .col-md-7 {
        width: 390px;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #recherche-box {
        position: relative;
    }

    #recherche-box .nav-tabs-container {
        border-radius: 8px 8px 0 0;
        overflow-y: hidden;
        width: 100%;
    }

    #recherche-box .nav-tabs-container ul.nav-tabs {
        box-shadow: none;
        position: relative;
        width: 380px;
    }

    #jd #recherche-box .nav-tabs-container ul.nav-tabs {
        width: 550px;
    }

    #recherche-box .nav-tabs-container button {
        background-color: #F7C39C;
        border: 0;
        right: 0;
        position: absolute;
        top: 3px;
    }
}

/*Fin de @media*/

/* *********** Homepage Portail ********* */
#recherche-homepage-portail #recherche-box .tab-pane .row {
    margin-left: -5px;
    margin-right: -5px;
}

#recherche-homepage-portail #tab1 .col-md-7,
#recherche-homepage-portail #tab2 .col-md-7 {
    padding: 0 5px;
    width: 383px;
    max-width: 100%;
    height: 35px;
}

#recherche-homepage-portail #tab1 .col-md-3,
#recherche-homepage-portail #tab2 .col-md-3 {
    padding: 0 5px;
    width: 165px
}

#recherche-homepage-portail #tab1 .col-md-2,
#recherche-homepage-portail #tab2 .col-md-2,
#recherche-homepage-portail #tab3 .col-md-2,
#recherche-homepage-portail #tab4 .col-md-2 {
    float: right;
    padding: 0 5px;
    width: 55px
}

#recherche-homepage-portail #tab3 .col-md-10,
#recherche-homepage-portail #tab4 .col-md-10 {
    padding: 0 5px;
    width: 545px;
}

#recherche-homepage-portail button.button-search,
#recherche-homepage-portail button.search {
    margin-top: 4px;
}

@media screen and (max-width: 991px) {
    #recherche-homepage-portail #tab1 .col-md-7,
    #recherche-homepage-portail #tab2 .col-md-7 {
        width: 58.3333%;
    }

    #recherche-homepage-portail #tab1 .col-md-3,
    #recherche-homepage-portail #tab2 .col-md-3 {
        width: 25%;
    }

    #recherche-homepage-portail #tab1 .col-md-2,
    #recherche-homepage-portail #tab2 .col-md-2,
    #recherche-homepage-portail #tab3 .col-md-2,
    #recherche-homepage-portail #tab4 .col-md-2 {
        width: 16.6667%;
    }

    #recherche-homepage-portail #tab1 .col-md-2,
    #recherche-homepage-portail #tab2 .col-md-2,
    #recherche-homepage-portail #tab3 .col-md-2,
    #recherche-homepage-portail #tab4 .col-md-2 {
        float: left;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #recherche-homepage-portail #recherche-box .nav-tabs-container ul.nav-tabs {
        width: 550px;
    }

    #recherche-homepage-portail #tab1 .col-md-7,
    #recherche-homepage-portail #tab2 .col-md-7 {
        width: 100%;
    }

    #recherche-homepage-portail #tab1 .col-md-3,
    #recherche-homepage-portail #tab2 .col-md-3 {
        width: 100%;
    }

    #recherche-homepage-portail #tab1 .col-md-2,
    #recherche-homepage-portail #tab2 .col-md-2,
    #recherche-homepage-portail #tab3 .col-md-2,
    #recherche-homepage-portail #tab4 .col-md-2 {
        width: 100%;
    }

    #recherche-homepage-portail #tab1 .col-md-2 {
        float: none;
    }

    #recherche-box .tab-pane .select-region {
        margin-bottom: 5px;
    }

    #recherche-box ul.nav-tabs > li > a {
        font-size: 9px;
        padding: 5px 18px 6px 0;
    }
}

/*Fin de @media*/

/* *********** Page de resultats d'offres d'emploi ********* */
.search-offre-emploi-result-page {
    background: #f17b24; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/bck-orange.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f17b24), color-stop(100%, #d26227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%);
    background: linear-gradient(to bottom, #f17b24 0%, #d26227 100%); /* W3C */
    border-radius: 8px;
    color: #FFF;
    margin-bottom: 0px;
    padding: 10px;
}

/* *********** Page Mes offres ********* */
#jd #recherche-box .tab-content .tab-pane#offres-emploi,
#jd #recherche-box .tab-content .tab-pane#offres-emploi {
    padding: 5px 10px 10px 10px;
}

#offres-emploi .select,
#offres-emploi2 .select,
#offres-emploi3 .select {
    width: 220px;
}

#offres-emploi select#location,
#offres-emploi2 select#location,
#offres-emploi3 select#location {
    width: 260px;
}

#searchProfilId {
    margin-right: 10px;
}

/* *********** Page Résultat de recherche ********* */
.search-orange {
    background: #f17b24; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/bck-orange.png');
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f17b24), color-stop(100%, #d26227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #f17b24 0%, #d26227 100%);
    background: linear-gradient(to bottom, #f17b24 0%, #d26227 100%); /* W3C */
    border-radius: 8px;
    box-shadow: 0 2px 5px #888;
    color: #FFF;
    margin-bottom: 35px;
    padding: 20px 50px;
}

.search-orange p,
.search-orange p a {
    color: #FFF;
    font-size: 10px;
    line-height: 10px !important;
    margin: 0 0 6px 0;
}

.col-md-9 .search-orange input {
    width: 485px !important;
}

.search-orange button {
    margin-bottom: 0;
}

/* ********************************* MEDIA QUERIES RECHERCHE HOMEPAGE ********************************* */
@media screen and (max-width: 767px) {
    #recherche-homepage .tab-pane .col-md-7 {
        width: 390px;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #recherche-homepage {
        margin-top: 0;
    }

    #recherche-box .tab-content .tab-pane {
        padding: 32px;
    }

    #recherche-homepage .tab-pane .col-md-7 {
        width: 100% !important;
    }

    #recherche-homepage .tab-pane .col-md-3,
    #recherche-homepage .tab-pane .col-md-2 {
        float: left;
    }

    #recherche-box ul.nav-tabs > li > a {
        font-size: 10px !important;
        padding: 5px 15px 6px 0;
    }

    #recherche-homepage .tab-pane .col-md-3,
    #recherche-homepage .tab-pane .col-md-2 {
        clear: both;
        display: block;
        float: none;
    }

    #recherche-box .tab-content input,
    #recherche-box .tab-content .select,
    #recherche-box .tab-content .button-medium {
        clear: both;
        margin-bottom: 10px;
    }

    #recherche-box p.exemple {
        display: none;
    }

    #recherche-box button.pull-right {
        clear: both;
        display: block;
        float: none !important;
    }
}

/*Fin de @media*/

/* ******************************************************************** RECHERCHE ********************************************************************************** */
input.input-search,
select {
    color: #111;
}

.search-inline p {
    line-height: 18px;
}

.search-inline input {
    background-color: #FFF;
    border-radius: 5px;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 69%;
}

.search-inline button {
    float: right;
    padding: 3px 10px;
}

/* ********************************* MEDIA QUERIES RECHERCHE ********************************* */
@media screen and (max-width: 991px) {
    .col-md-9 .search-orange input {
        width: 80%;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    .search-inline input,
    .search-inline .col-md-12 input {
        display: block;
        margin-bottom: 10px;
        max-width: 100%;
        width: 100%;
    }

    .search-inline button {
        clear: both;
        display: block;
        float: none;
    }
}

/*Fin de @media*/

/* ************************************************************ TABS TO ACCORDEON ********************************************************************************** */
ul.nav-tabs {
    background: #2a7788; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/tab-green.png');
    background-position: center center;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a7788), color-stop(100%, #479eaf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%);
    background: linear-gradient(to bottom, #2a7788 0%, #479eaf 100%); /* W3C */
    border: none;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    padding-top: 5px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #117E93;
}

.content ul.nav-pills.small-nav li {
    background-image: none;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-left: 3px;
    padding-left: 0;
    text-indent: 0;
}

.nav.small-nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.nav.small-nav > li {
    font-size: 10px;
    line-height: 0.5em;
}

.nav > li > a:focus {
    background-color: transparent;
}

.content ul.nav-tabs li:before {
    margin-right: 0;
}

.content ul.nav-tabs li, .content ul.nav-pills li {
    background-image: none;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-left: 5px;
    padding-left: 0;
    text-indent: 0;
}

.nav-tabs > li > a {
    border: none !important;
    color: #fff;
    font-weight: 700;
    padding: 2px 15px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
    border: none;
    color: #00758b;
}

.nav-tabs > li > a:hover {
    background-color: #FFF;
    color: #00758b;
}

.tab-content .tab-pane {
    border-bottom: 1px dashed #DFDFDE;
    margin-bottom: 15px;
    padding: 20px;
}

.tab-content .row {
    margin-bottom: 20px;
}

#Actu-Etudes-Tab p {
    margin: 0;
}

.under-tabs {
    background-color: #eef7f9;
    border-bottom: 1px dashed #DFDFDE;
    border-top: 1px dashed #DFDFDE;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 20px;
}

/* --- Changement en accordeon --- */
.panel-group .panel {
    border-radius: 8px;
}

.panel-default > .panel-heading,.panel-footer {
    background: #2a7788; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/tab-green.png');
    background-position: center center;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a7788), color-stop(100%, #479eaf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #2a7788 0%, #479eaf 100%);
    background: linear-gradient(to bottom, #2a7788 0%, #479eaf 100%); /* W3C */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #FFF;
}


.panel-vertical-margin {
    margin-top:5%;
}

.panel-main {
    background: #17414a !important; /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #17414a), color-stop(100%, #2a7788)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #17414a 0%, #2a7788 100%) !important; /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #17414a 0%, #2a7788 100%) !important;
    background: linear-gradient(to bottom, #17414a 0%, #2a7788 100%) !important; /* W3C */
}

h4.panel-title {
    margin: 0 !important;
}

h4.panel-title a:hover,
h4.panel-title a:focus {
    color: #FFF;
    text-decoration: none;
}

/* *********************************************************** LISTE DE RESULTATS ********************************************************************************** */
#resultListModule {
    font-size: 12px;
}

#resultListModule .nbResults {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
}

#resultListModule ul.result li:before {
    content: "";
}

#resultListModule ul.result li {
    padding-left: 0;
    text-indent: 0;
}

#resultListModule .resultCount h3 {
    float: left;
    font-size: 18px;
}

#resultListModule .displayedResults h3 {
    float: right;
    font-size: 14px;
}

#resultListModule li {
    background: url("../images/core/listes/pix-greenSquare.png");
    background-position: bottom;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#resultListModule li h3 {
    margin-bottom: 10px;
}

#resultListModule .hitDate {
    color: #777;
    font-size: 12px;
    margin-bottom: 5px;
}

#resultListModule .searchHighlightedText {
    background-color: #cce4ed;
    font-weight: 700;
}

.paginationNav {
    text-align: right;
}

.paginationNav a {
    color: #00758b;
    text-align: right;
}

.paginationNav span {
    margin-left: 5px;
}

#resultListModule p.breadcrumb a {
    color: #333;
    font-size: .8em;
    font-weight: 700;
}

/* ********************************************************************* AUTODIAG ********************************************************************************** */
#autodiag {
    background-image: url('../images/autodiag-cep/bg.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    height: 756px;
    position: relative;
    width: 100%;
}

#autodiag .contenu {
    left: 400px;
    padding-bottom: 67px;
    position: relative;
    top: 47px;
    width: 485px;
}

#autodiag ul.bullets {
    margin: 0 0 35px 180px !important;
}

#autodiag ul.bullets li {
    background-image: none;
    border-radius: 50%;
    display: block;
    float: left;
    height: 11px;
    margin: 0 4px;
    vertical-align: middle;
    width: 11px;
}

#autodiag ul.bullets li a {
    display: block;
    height: 11px;
    margin-left: -11px;
    width: 11px;
}

#autodiag ul.bullets li.next {
    background-color: #7fa9b1;
}

#autodiag ul.bullets li.visited {
    background-color: #258699;
}

#autodiag ul.bullets li.active {
    background-color: #ed7601;
    height: 15px;
    margin-top: -2px;
    width: 15px;
}

#autodiag hr {
    background-image: none;
    border-top: 1px solid #CCC;
}

/*Page Intro*/
#autodiag.intro {
    height: 546px;
}

#autodiag.intro h2,
#autodiag.intro p {
    text-align: center;
}

#autodiag.intro h2 {
    margin-bottom: 30px;
}

#autodiag.intro p {
    margin-bottom: 10px;
}

#autodiag.intro ul {
    margin: 5px 0 10px 145px;
}

#autodiag.intro ul li {
    margin-bottom: 0;
}

#autodiag.intro button.button-green {
    margin-top: 20px;
}

/*Page Question - Page Reponse*/
#autodiag.question .block-error {
    margin-bottom: 15px;
}

#autodiag.question h2.section,
#autodiag.reponse h2.section {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}

#autodiag.reponse h2.section {
    margin-bottom: 25px;
}

#autodiag.reponse img {
    margin-bottom: 25px;
}

#autodiag.question p.indication {
    font-size: 11px;
    font-style: italic;
    margin: 40px 0 30px 0;
}

#autodiag.reponse p.download {
    border-left: 5px solid #00758B;
    margin-top: 20px;
    padding-left: 5px;
}

#autodiag.question .button-grey,
#autodiag.reponse .button-grey {
    margin: 40px 50px 0 130px;
}

#autodiag.question .button-green,
#autodiag.reponse .button-green {
    margin-top: 40px;
}

/*Page Finale - Page Sortie*/
#autodiag.finale {
    background-image: url('../images/autodiag-cep/bg-finale.jpg');
    height: auto;
    min-height: 100%;
}

#autodiag.sortie {
    height: 546px;
}

#autodiag.finale h2,
#autodiag.sortie h2 {
    margin-bottom: 40px;
}

#autodiag.finale .cadre,
#autodiag.sortie .cadre {
    background-color: #bb4e6d;
    background-image: url('../images/autodiag-cep/rdv.png');
    background-position: center right;
    background-repeat: no-repeat;
    color: #FFF;
    padding-left: 20px;
}

#autodiag.sortie .cadre {
    margin-top: 30px;
}

#autodiag.finale .cadre h2,
#autodiag.sortie .cadre h2 {
    color: #FFF;
    font-weight: 200;
    margin-bottom: 10px;
}

#autodiag.finale .cadre .button-green,
#autodiag.sortie .cadre .button-green {
    margin-top: 10px;
    border: 0;
}

#autodiag.finale #accordion {
    margin-bottom: 20px;
}

#autodiag.finale .resume a {
    color: #000;
    background-image: url("../images/core/icons/more.png");
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: 700;
    padding-left: 25px !important;
}

#autodiag.finale .resume div {
    padding-left: 25px !important;
}

#autodiag.finale .resume.closed a {
    color: #000;
    background-image: url("../images/core/icons/more-closed.png");
}

#autodiag.finale .resume.closed div {
    display: none;
}

#autodiag.finale ol > li {
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    #autodiag,
    #autodiag.intro,
    #autodiag.finale,
    #autodiag.sortie {
        background-image: none;
        height: auto;
    }

    #autodiag .contenu {
        left: 0;
        padding-bottom: 10px;
        top: 0;
        width: 100%;
    }

    #autodiag ul.bullets {
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        margin: 0 0 20px 0 !important;
        padding: 10px 0;
    }

    #autodiag.intro h2,
    #autodiag.intro p {
        text-align: left;
    }

    #autodiag.intro h2,
    #autodiag.question h2.section,
    #autodiag.reponse h2.section {
        margin-bottom: 10px;
    }

    #autodiag.intro ul {
        margin: 5px 0 10px 20px;
    }

    #autodiag.question .button-center {
        margin-left: 0;
    }

    #autodiag.question .button-grey,
    #autodiag.reponse .button-grey {
        margin: 40px 10px 0 0;
    }
}

/*Fin de @media*/

/* ********************************************************************* ARTICLES ********************************************************************************** */
.article .cadre-border-top-bottom {
    margin-top: 20px;
    padding-bottom: 30px
}

.article .cadre-border-top-bottom-20 {
    padding-bottom: 20px
}

.article .cadre-border-top-bottom h3.border-bottom {
    padding-bottom: 3px !important;
}

/* ******************************************************** VOIR LES CANDIDATURES ********************************************************************************** */
/* ********************** LES ENTREPRISES QUI RECRUTENT - RESULAT DE LA RECHERCHE ********************************************************************************** */
table#candidatures > thead > tr > th,
table#candidatures > tbody > tr > th,
table#candidatures > tfoot > tr > th,
table#candidatures > thead > tr > td,
table#candidatures > tbody > tr > td,
table#candidatures > tfoot > tr > td,
table#entreprises > thead > tr > th,
table#entreprises > tbody > tr > th,
table#entreprises > tfoot > tr > th,
table#entreprises > thead > tr > td,
table#entreprises > tbody > tr > td,
table#entreprises > tfoot > tr > td {
    border-top: 0;
}

table#candidatures th,
table#entreprises th {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eaeaea;
}

table.dotted tr {
    border-bottom: 1px dashed #dfdfde;
}

/* ***************************************** PLUS DE CRITÉRES / MOINS DE CRITÉRES ********************************************************************************** */
.box-search {
    margin-bottom: 20px;
    padding: 15px;
}

.box-search p.label-search {
    color: #777777;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-right: 15px;
    line-height: 27px;
}

.box-search input.input-search {
    max-width: 70%;
    width: 315px;
}

a.more {
    background-image: url("../images/core/icons/picto-plus.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: 700;
    line-height: 27px;
    padding-left: 20px;
}

a.more:hover {
    background-position: 0 -75px;
}

a.less {
    background-image: url("../images/core/icons/picto-moins.png");
}

a.less:hover {
    background-position: 0 -64px;
}

button.pictoMoins {
    background: transparent;
    background-image: url("../images/core/icons/picto-moins.png");
    border: 0;
    height: 14px;
    width: 14px;
}
button.pictoMoins:hover {
    background-position: 0 -64px;
}

.more-content {
    margin-top: 20px;
}

.more-content .form-group {
    margin-bottom: 0;
}

/* *************************************************************** OFFRE RESULATS ********************************************************************************** */
a#cacher-criteres {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 10px;
}

a#cacher-criteres:before {
    content: "« ";
}

a#cacher-criteres.voir:before {
    content: "» ";
}

a#cacher-criteres:hover {
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    a#cacher-criteres {
        background: url("../images/core/icons/picto-prolonger.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        font-weight: 700;
        margin: 10px 0;
        padding: 2px 0 2px 24px;
        width: 100%;
    }

    a#cacher-criteres.voir {
        background: url("../images/core/icons/picto-prolonger-voir.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    a#cacher-criteres:before,
    a#cacher-criteres.voir:before {
        content: "";
    }
}

/*Fin de @media*/

.search-offre-emploi-result-page p.key-words {
    color: #FFF;
    float: left;
    font-size: 12px;
    font-weight: 700;
}

.search-offre-emploi-result-page p.plus-de-criteres a {
    color: #FFF;
    float: right;
}

.search-offre-emploi-result-page p.plus-de-criteres + p.plus-de-criteres a {
    margin-right: 20px;
}

.search-offre-emploi-result-page p.exemple {
    color: #fcd0b5;
    font-size: 10px;
    font-weight: 700;
    margin: 0;
}

.search-offre-emploi-result-page .select,
.search-offre-emploi-result-page button {
    height: 26px;
    margin-top: 3px;
}

.search-offre-emploi-result-page .col-md-7 {
    width: 100%;
    max-width: 363px
}

.search-offre-emploi-result-page .col-md-3 {
    width: 190px;
}

.search-offre-emploi-result-page .select {
    width: 170px;
}

.search-offre-emploi-result-page select {
    width: 200px;
}

.search-offre-emploi-result-page .col-md-2 {
    width: 123px;
}

.search-offre-emploi-result-page p.plus-de-criteres {
    font-size: 10px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .search-offre-emploi-result-page .col-md-7 {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .search-offre-emploi-result-page .col-md-3,
    .search-offre-emploi-result-page .col-md-2 {
        float: left;
        margin-bottom: 10px;
    }
}

/*Fin de @media*/

.critere {
    background-image: url("");
}

.critere a {
    background-image: url("../images/core/icons/cancel.png");
    background-repeat: no-repeat;
    float: right;
    height: 12px;
    width: 12px;
}

.critere p {
    color: #666;
    font-size: 12px;
}

.affinage {
    margin-bottom: 10px;
}

.affinage h4,
a.opened,
p.opened > a {
    background-image: url(../images/core/icons/more.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

.affinage h4:hover {
    cursor: pointer;
}

.content .affinage ul {
    margin-bottom: 10px;
}

.content .affinage ul li {
    background-image: none;
    font-size: 11px;
}

.content .affinage ul li.pictoSearch {
    background-image: url("../images/core/icons/picto-search-green.png");
    font-weight: normal;
}

.affinage li a {
    color: #333;
}

.affinage li a:hover {
    color: #00758b;
}

.affinage li a.active {
    color: #666;
}

.affinage li a.active:hover {
    cursor: default;
    text-decoration: none;
}

.affinage.closed h4,
a.closed,
p.closed > a {
    background-image: url(../images/core/icons/more-closed.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px !important;
}

#recherche-avancee .gradient .affinage input {
    display: inline-block;
    float: none !important;
    padding: 2px 0;
    vertical-align: middle;
    width: auto;
}

.affinage .cadre {
    padding: 12px;
}

.affinage a.button-plus {
    background-image: url("../images/core/boutons/btn-plus.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 23px;
    margin: 1px 0 0 2px;
    padding: 0;
    vertical-align: top;
    width: 25px;
}

.affinage .more-filtre-button {
    color: #00758b;
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline;
}

select.affinage{
    width: 100%;
}

@media screen and (max-width: 767px) {
    #criteres {
        background-color: #EFEFEF;
        padding: 20px;
    }
}

/*Fin de @media*/

.offre-result-tri {
    padding: 15px;
}

.offre-result-tri label {
    float: left;
    font-weight: normal;
    margin: 5px 10px 0 0;
    text-align: left;
    width: auto;
}

.offre-result-tri .select {
    width: 115px;
}

.offre-result-tri select {
    width: 100px;
}

.offre-result svg {
    overflow: visible !important;
}

.affichage {
    margin-top: 1px;
}

.affichage p {
    font-size: 12px;
}

.affichage p + p {
    margin-left: 10px !important;
}

a.detaille {
    background: url("../images/core/boutons/btn-viewFull.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    vertical-align: middle;
    width: 16px;
}

a.simple {
    background: url("../images/core/boutons/btn-viewSimple.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    vertical-align: middle;
    width: 16px;
}

a.detaille:hover,
a.simple:hover {
    background-position: 0 -14px;
    cursor: pointer;
}

.offre-result {
    background-image: url("../images/core/backgrounds/pix-greenSquare.png");
    background-position: 0 bottom;
    background-repeat: repeat-x;
    margin-bottom: 20px;
    padding: 0 0 15px;
}

.offre-result .logo-entp {
    float: right;
}

.offre-result .lienPlus {
    float: left;
    color: #444444;
    font-weight: bold;
    margin-right: 10px;
    cursor:pointer;
}

.spanMsg {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.7);
    position: absolute;
    background-color: #f5f5f5;
    padding: 5px;
    margin: 5px;
}

.block-sauvegarder{
    display: block;
    margin-top: 10px;
    margin: 5px;
}

.spanAffichage {
    margin: 2px;
    color: #000;
    font-weight: bold;
}

.lien-recherche {
    text-decoration: underline !important;
    margin: 5px;
    font-weight: normal !important;
}


.offreSaved {

    margin-top: 6px;
    display: inline-block;
}


.boxmarging{
    margin-top: 7px;
}

.offre-result .oqa,
.offre-result .geoloc {
    float: left;
    margin-right: 15px;
}

.offre-result h3 {
    margin-bottom: 0 !important;
}

.offre-result h4 {
    margin-bottom: 16px !important;
}

.offre-result h4 span {
    text-transform: uppercase;
}

.offre-result .date {
    color: #777;
    font-weight: 700;
    margin-right: 15px;
}

.offre-result .save a {
    padding: 3px 0 3px 21px;
}

.offre-result .date,
.offre-result .save {
    float: left;
}

.offre-result .widget-viadeo {
    float: right;
}

/* ***************************************************************** OFFRE DETAIL ********************************************************************************** */
.offre-detail {
    margin-bottom: 20px;
    padding-top: 10px;
    position: relative;
}

.offre-detail label {
    font-weight: normal;
}

.offre-detail label + p {
    overflow: hidden;
    word-wrap: break-word;
}

@media screen and (max-width: 767px) {
    .offre-detail label + p {
        clear: both;
    }
}

/*Fin de @media*/

.bottom-offre-detail {
    border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    margin-top: 5px;
    padding: 15px;
}

.bottom-offre-detail .button-big {
    margin-bottom: 0;
}

.bottom-offre-detail p.pull-left + p.pull-left {
    margin-top: 15px;
}

.box-viadeo-network {
    background-image: url("../images/reseau-pro/box-viadeo-network-header.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 85px;
    padding-left: 70px;
    padding-right: 20px;
}

.oqa-logo,
.plan-jeune-logo {
    margin-top: 40px;
}

.jeune-container .tooltip.left {
    margin-right: 140px;
    width: 400px;
}

#oqa-logo-geoloc {
    position: absolute;
    right: 20px;
    bottom: 170px;
}

h2.network,
h3.network {
    background-image: url("../images/RECRUTEURS/core/background/network.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 23px !important;
}

.offre-detail .affinite {
    border-bottom: 1px dashed #ccc;
    padding: 20px;
}

p.affinite-cv {
    text-align: center;
    font-size: 16px;
    color: #999;
    font-weight: 700;
}

.affinite-center-autopromo img {
    display: inline;
}

.chemin-contact .contact-reseau {
    display: inline-block;
    float: left;
    margin: 2%;
}

.chemin-contact-4 .contact-reseau {
    width: 16%;
}

.chemin-contact-3 .contact-reseau {
    width: 26%;
}

.chemin-contact-2 .contact-reseau {
    width: 42%;
}

.chemin-contact-1 .contact-reseau {
    margin-left: 29%;
    width: 42%;
}

.chemin-contact .contact-reseau .no-text {
    margin-top: 45px;
}

.chemin-contact .fleche {
    color: #CCC;
    display: inline-block;
    float: left;
    font-size: 32px;
    margin: 45px 0 0 0;
    text-align: center;
    width: 5%
}

.google-map-tooltip {
    height: 200px;
    overflow: auto;
    width: 250px;
}

@media screen and (max-width: 767px) {
    .oqa-logo {
        margin-top: 0;
    }

    .oqa-logo img {
        width: 75px;
    }

    .bottom-offre-detail p.pull-left {
        margin-bottom: 5px;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    .box-viadeo-network {
        margin-top: 10px;
    }
}

/*Fin de @media*/

/* ************************************************ LES ENTREPRISES QUI RECRUTENT ********************************************************************************** */
.col-md-3 .ui-tabs-nav li + h2 {
    border-top: 10px solid transparent; /* Hack */
}

/* *************************************************** VOTRE RÉSEAU PROFESSIONNEL ********************************************************************************** */
#Tabs-Reseau-Recherche.tab-content .tab-pane,
#Tabs-Reseau.tab-content .tab-pane {
    border-bottom: 0;
    margin-bottom: 15px;
    padding: 20px 20px 0 20px;
}

#Tabs-Reseau #tab1 {
    background-image: url('../images/core/backgrounds/flower.png');
    background-position: 40px bottom;
    background-repeat: no-repeat;
    min-height: 410px;
}

#Tabs-Reseau #tab1 div {
    padding-left: 365px;
}

#Tabs-Reseau #tab1 div h2 {
    margin-bottom: 10px;
}

#Tabs-Reseau #tab1 div h2 img {
    margin-top: 50px;
    padding-bottom: 10px;
}

#Tabs-Reseau #tab1 div li.check {
    font-size: 18px;
}

#Tabs-Reseau #tab1 div button {
    margin: 145px 0 0 0;
}

#Tabs-Reseau #tab3 .col-md-6 + .col-md-6 {
    margin-top: 10px;
}

#Tabs-Reseau #tab2.tab-pane {
    padding-top: 30px;
}

#Tabs-Reseau #tab2 .col-md-3 ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    margin: 0 0 -1px;
    padding-left: 0;
}

#Tabs-Reseau #tab2 .col-md-3 ul li a {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    margin: 0 20px 0 0;
    padding: 3px 0 3px 10px;
}

#Tabs-Reseau #tab2 .col-md-3 ul li a:hover {
    color: #ef741D;
}

#Tabs-Reseau #tab2 .col-md-3 ul li.active a:hover {
    color: inherit;
    cursor: default;
}

#Tabs-Reseau #tab2 .col-md-3 ul li.active {
    background-color: transparent;
    background-image: url("../images/core/menu/service-menu-active.png");
    background-position: -177px center;
    background-repeat: no-repeat;
}

#Tabs-Reseau #tab2 button {
    margin-top: 40px;
}

#Tabs-Reseau #tab3 .col-md-1 {
    padding: 0;
    width: 19px;

}

#Tabs-Reseau #tab3 .col-md-1 p {
    background-color: #ed7601;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    padding: 2px 2px 2px 5px;
}

@media screen and (max-width: 991px) {
    #Tabs-Reseau .col-md-3 #sidebar {
        left: 0;
        width: 100%;
    }

    #Tabs-Reseau .col-md-3 .sidebar-nav li a {
        width: 100%;
    }

    #Tabs-Reseau #tab2 .col-md-3 ul li.active a:hover,
    #Tabs-Reseau .col-md-3 .sidebar-nav li.active a,
    #Tabs-Reseau .col-md-3 .sidebar-nav li:hover a {
        background-color: #DFDFDF;
        background-image: none;
        width: 100%;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #Tabs-Reseau #tab1 {
        background-image: none;
    }

    #Tabs-Reseau #tab1 div {
        padding-left: 0;
    }

    #Tabs-Reseau #tab1 div h2 img {
        margin-top: 10px;
    }

    #Tabs-Reseau #tab1 div button {
        margin: 0;
    }

    #Tabs-Reseau .col-md-3 #sidebar {
        position: relative;
        padding-bottom: 10px;
        width: 100%;
    }
}

/*Fin de @media*/

.reseau-viadeo-box {
    border: 1px solid #CCC;
    border-radius: 5px;
    margin-bottom: 20px;
}

.reseau-viadeo-box .entete {
    background-color: #DCDCDC;
    background-image: url("../images/core/backgrounds/bck-blockGrey2.png");
    background-repeat: repeat-x;
    background-size: 100% 100%;
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #DCDCDC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, #F6F6F6 0%, #DCDCDC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 3px;
}

.reseau-viadeo-box .entete div {
    background-image: url('../images/core/backgrounds/reseau-viadeo-box-logo.png');
    background-position: center right;
    background-repeat: no-repeat;
}

.reseau-viadeo-box .entete h2 {
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0 !important;
}

.reseau-viadeo-box .entete h2.network {
    padding: 0 0 0 20px !important;
}

.reseau-viadeo-box .inside {
    padding: 10px;
}

.reseau-viadeo-box .inside input {
    background-color: #fff;
    border-radius: 5px;
    float: left;
    height: 27px;
    margin-right: 10px;
    width: 60%;
}

.reseau-viadeo-box p.contacts {
    background-image: url('../images/core/icons/direct-contacts.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 24px;
    margin-left: 10px;
    padding-left: 25px;
}

.reseau-viadeo-box p.viadeo {
    background-image: url('../images/core/icons/contacts-to-validate.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 28px;
}

.reseau-viadeo-box p.viadeo-green {
    background-image: url('../images/core/icons/potential-contacts.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 28px;
}

.reseau-viadeo-box p.alerte {
    background-image: url('../images/core/icons/alerts.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 10px;
}

.reseau-viadeo-box p.message {
    background-image: url('../images/core/icons/unread-messages.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 24px;
    padding-left: 25px;
}

.reseau-viadeo-box .date {
    background: url('../images/core/backgrounds/box-news-spacer.png') repeat-x scroll 0 19px rgba(0, 0, 0, 0);
    padding: 8px 0 0;
}

.reseau-viadeo-box .date * {
    font-size: 11px;
}

.reseau-viadeo-box .date span {
    background-color: #FFF;
    padding: 0 3px 3px 0;
}

.reseau-viadeo-box .date ul li {
    background-image: none;
    padding-left: 0;
}

.reseau-viadeo-box .date ul li span {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.reseau-viadeo-box hr.no-margin {
    margin: 3px 0 5px 0 !important;
}

.reseau-viadeo-box .date ul li span.IkIfaqlxjOrIAEjtfmexkAArdw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -10px;
}

.reseau-viadeo-box .date ul li span.iypyookysjrbhrvrqyxrpbEvzO {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -30px;
}

.reseau-viadeo-box .date ul li span.gqfowobpvVvAqwepnrjtnuAoyw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -50px;
}

.reseau-viadeo-box .date ul li span.aAujvmgsjewxopehfAvxdEfEVO {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -70px;
}

.reseau-viadeo-box .date ul li span.oxpqcrbdbwrVVnDbfnzmyatrOO {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -90px;
}

.reseau-viadeo-box .date ul li span.vxjsIscrclcgfxIeVcrcVprtfw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -110px;
}

.reseau-viadeo-box .date ul li span.yjOzvtIAljjhOxciAvgpuykaqg {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -130px;
}

.reseau-viadeo-box .date ul li span.zqgEIgyIizabkboEtVhOomjeqc {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -150px;
}

.reseau-viadeo-box .date ul li span.gsorDjxADctkxemckasnnthvkg {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -170px;
}

.reseau-viadeo-box .date ul li span.fkEvfminebzdejraDzDOmwbves {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -190px;
}

.reseau-viadeo-box .date ul li span.erkkskDgEbxsqttctukcizfils {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -210px;
}

.reseau-viadeo-box .date ul li span.EAvlnDVattlIobdgyeakebzudk {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -230px;
}

.reseau-viadeo-box .date ul li span.aofmcIrdoIIEgvvDyVqdtlAnjs {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -250px;
}

.reseau-viadeo-box .date ul li span.urvynwlbOhuqofdgxlwdkuzkbw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -270px;
}

.reseau-viadeo-box .date ul li span.EOgxVDpxIkhyzpjrnncdzlxzVw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -290px;
}

.reseau-viadeo-box .date ul li span.gumdxeotxjteVjpvfgsickpDEw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -310px;
}

.reseau-viadeo-box .date ul li span.OgbyxrsclryeqhfsypVpqudDmg {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -330px;
}

.reseau-viadeo-box .date ul li span.dkhaxjmaIbmoplizawsghwocrg {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -350px;
}

.reseau-viadeo-box .date ul li span.ahmAypkVpdsxcwnmDdlEuriudw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -370px;
}

.reseau-viadeo-box .date ul li span.fttEwVOljncvvjAryrqlozcjyw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -390px;
}

.reseau-viadeo-box .date ul li span.dvAhdetpuEzOnqspEpblgfVqqk {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -410px;
}

.reseau-viadeo-box .date ul li span.sbmVsfapIVyOOqfOoqyeemOkkO {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -430px;
}

.reseau-viadeo-box .date ul li span.VbowzafhhcVkfzIyiAhmnAsrdk {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -450px;
}

.reseau-viadeo-box .date ul li span.chnuAxgckkqmgyjxexcAfhOpwg {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -470px;
}

.reseau-viadeo-box .date ul li span.vshkmlaEVrqEDOwoeExhjOebik {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -490px;
}

.reseau-viadeo-box .date ul li span.htcOugeVqjaDpypndEbxutmlIc {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -510px;
}

.reseau-viadeo-box .date ul li span.elvIfxjayEhzxantxtgtErncpO {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -530px;
}

.reseau-viadeo-box .date ul li span.mhsysphEqEmOhOfkeEhsvdnwug {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -550px;
}

.reseau-viadeo-box .date ul li span.uEkmOpDdDdgkmOulssOfafIugo {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -590px;
}

.reseau-viadeo-box .date ul li span.auvyjdoiuuADvbbVfeieyAmcgw {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -570px;
}

.reseau-viadeo-box .date ul li span.dvIrjVbprqkymwotkAoesEyDrc {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -570px;
}

.reseau-viadeo-box .date ul li span.AneiEuzoaqjeIyDuIgwcrsOuto {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -570px;
}

.reseau-viadeo-box .date ul li span.EkttViDIlfewEiExhplmiOfaDo {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -570px;
}

.reseau-viadeo-box .date ul li span.bajplofoaeckDfpdrAtxpIDuOc {
    background-image: url('../images/core/icons/icons-mininews.gif');
    background-repeat: no-repeat;
    background-position: -10px -570px;
}

#Tabs-Reseau-Recherche span {
    background-color: #00758b;
    border-radius: 2px;
    color: #FFF;
    font-size: 10px;
    line-height: 24px;
    margin-right: 5px;
    padding: 1px 3px;
}

@media screen and (max-width: 991px) {
    .reseau-viadeo-box p.pull-left + p.pull-left {
        margin-left: 10px;
    }
}

/*Fin de @media*/

/* ******************************************************************* FICHES APEC********************************************************************************** */
.top-fiche {
    margin-bottom: 20px;
}

.tools-top-fiche {
    background-color: #F7F7F7;
    border-bottom: 1px solid #dcdbdc;
    border-top: 1px solid #dcdbdc;
    height: 30px;
    margin-bottom: 5px;
    padding: 5px 5px;
}

.content .tools-top-fiche ul.changeFont {
    margin: 0;
}

.content .tools-top-fiche ul.changeFont li {
    background-image: none;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

ul.changeFont li {
    background-image: none !important;
    padding: 0 !important;
}

a.fontSizePlus {
    background: url("../images/core/icons/icon_sizeplus.png");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 18px;
}

a.fontSizeMinus {
    background: url("../images/core/icons/icon_sizemoins.png");
    background-position: 0 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 9px;
    width: 12px;
}

a.fontSizePlus:hover,
a.fontSizeMinus:hover {
    cursor: pointer;
}

.tools-top-fiche .icons-partage {
    line-height: 1.6em;
    margin: 0;
}

.tools-top-fiche .icons-partage a {
    margin-left: 10px;
}

.tools-top-fiche a.pictoShare {
    height: 19px;
}

.tools-top-fiche div {
    line-height: 30px;
}

@media screen and (max-width: 767px) {
    .tools-top-fiche {
        height: auto;
    }

    .tools-top-fiche .pull-right {
        clear: both !important;
        float: none !important;
        margin: 5px 0 !important;
    }

    .tools-top-fiche div.atclear {
        display: none;
    }

    .tools-top-fiche .icons-partage {
        margin: 5px 0 !important;
    }

    .tools-top-fiche .icons-partage a.pictoShare {
        margin-left: 0 !important;
    }

    .tools-top-fiche .icons-partage a.addthis_button_viadeo {
        margin-left: 0 !important;
    }
}

/*Fin de @media*/

.glyphicon-star:before,
.glyphicon-star-empty:before {
    content: "";
}

.rating-symbol,
.glyphicon-star-empty {
    background: url("../images/core/stars/stars.png") no-repeat 0 0;
    height: 14px;
    line-height: 15px;
    width: 16px;
}

.glyphicon-star-empty {
    background-position: 0 -34px !important;
}

.glyphicon-star {
    background-position: 0 -66px !important;
}

/* *********************************************************************** RATING ********************************************************************************** */
#rating #level {
    background-color: #5997af;
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

#rating img {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

/* ************************************************************************ GAUGE ********************************************************************************** */
.gauge {
    border: 1px solid #000;
    display: block;
    height: 10px;
    width: 125px;
}

.gauge div {
    background-image: url('../images/gauge/degrade.gif');
    background-position: center left;
    display: block;
    height: 8px;
}

/* ******************************************************************* page perso ********************************************************************************** */
.cgu-page-perso {
    height: 30em;
    overflow-y: scroll;
}

#englobe-photo {
    margin-right: 10px;
}

img.portrait-perso {
    max-height: 116px;
    max-width: 75px;
}

/* ***************************************************************** MA CARRRIERE ********************************************************************************** */
.articlesAssocies .table {
    background-image: url("../images/core/backgrounds/arrow-orange.png");
    background-position: 0 15px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 30px;
}

.articlesAssocies .table .table-cell {
    width: 60px;
}

.articlesAssocies .table .table-cell + .table-cell {
    width: auto;
}

/* ******************************************************************* MON COMPTE ********************************************************************************** */
.mon-compte-apec h4 {
    font-size: .9em !important;
}

a.button-grey[href*="identification"] {
    border: 0;
    box-shadow: none;
}

/* ********************************************************************** SESSION ********************************************************************************** */
#session {
    background-color: #eef7f9;
    background-image: url("../images/core/form/picto-info-blue.png");
    background-position: 15px 15px;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #998282;
    color: red;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    padding: 15px 15px 15px 50px;
    position: absolute;
    text-align: center;
    text-shadow: 2px 1px 0 #ffffff;
    top: 318px;
    right: 10%;
    width: 250px;
    z-index: 9999999;
}

/* **************************************************************** SERVICES APEC ********************************************************************************** */
.service-details .service-performance .badge-orange {
    background-color: #ed7601;
}

/* ***************************************************************** WAITING PAGE ********************************************************************************** */
#waiting-page {
    background-image: url('../images/waiting-page/bck-candidatureAttente.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    margin: 50px auto 0 auto;
    /* width: 663px; */
    background-size: contain;
}

#waiting-page h2 {
    padding-top: 150px !important;
}

@media (max-width: 767px) {
    #waiting-page {
        margin: 0px auto 0 auto !important;
    }

    #waiting-page h2 {
        font-size: 11px !important;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 155px !important;
    }

    #waiting-page p {
        font-size: 10px;
    }
}

/* ************************************************************************** 404 ********************************************************************************** */
.sans-resultat {
    padding: 100px 0 100px 0;
}

@media (max-width: 767px) {
    .sans-resultat {
        padding: 10px 0px 10px 0px;
    }
}

/*Fin de @media*/

.content.sans-resultat {
    padding: 100px 38px 100px 38px;
}

@media (max-width: 767px) {
    .content.sans-resultat {
        padding: 10px 0px 10px 0px;
    }
}

/*Fin de @media*/

/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ****************************************************************************** RECRUTEURS *********************************************************************** */

/* ********************************************************************* ANGULAR LOADING BAR *********************************************************************** */
#recruteurs #loading-bar .bar {
    background: #2A7889;
}

#recruteurs #loading-bar .peg {
    -ms-box-shadow: #2A7889 1px 0 6px 1px;
    box-shadow: #2A7889 1px 0 6px 1px;
}

#recruteurs #loading-bar-spinner .spinner-icon {
    border-top-color: #2A7889;
    border-left-color: #2A7889;
}

/* ***** LISTES CHECKBOXES ***** */
#recruteurs .content ul.chk-container li {
    background-image: none;
    padding-left: 0;
}

#recruteurs .content ul.chk-container .col-md-4 li {
    margin-left: 15px;
}

#recruteurs .content ul.chk-container label {
    font-weight: 300;
    float: none;
    margin: 0;
    text-align: left;
}

#recruteurs .content ul.chk-container label a {
    color: #444;
}

#recruteurs .content ul.chk-container li {
    margin: 0;
}

#recruteurs .content ul.chk-container label.disabled,
#recruteurs .content ul.chk-container label.disabled a {
    color: #AAA;
}

#recruteurs #col-md-3-social {
    border: 1px solid #dcdcdc;
    padding: 15px;
}

#recruteurs #col-md-3-social p {
    color: #6d7e88;
    font-size: 14px;
    text-align: center;
}

#recruteurs #col-md-3-social .col-xs-3 {
    padding: 0 5px;
}

/* ********************************************************************** SELECTION DE TEXTES ************************************************************************ */
*::-moz-selection {
    background: #2A7889;
    color: #FFF;
}

*::selection {
    background: #2A7889;
    color: #FFF;
}

/* ********************************************************************** TOP BAR ********************************************************************************** */
#recruteurs #topBar ul.nav li {
    width: 87px;
}

#recruteurs #topBar ul.nav li.actuel a {
    color: #2A7889;
    font-size: 12px;
    font-weight: 700;
    margin-top: -7px;
    padding-top: 60px;
    text-shadow: 1px 1px 0 #fff;
}

#recruteurs #topBar ul.nav li#onglet1 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-accueil.png");
}

#recruteurs #topBar ul.nav li#onglet2 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-services.png");
}

#recruteurs #topBar ul.nav li#onglet3 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-offres.png");
}

#recruteurs #topBar ul.nav li#onglet4 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-cv.png");
}

#recruteurs #topBar ul.nav li#onglet5 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-pratique.png");
}

#recruteurs #topBar ul.nav li#onglet6 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-observatoire.png");
}

#recruteurs #topBar ul.nav li#onglet7 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-reseau.png");
}

#recruteurs #topBar ul.nav li#onglet8 a {
    background-image: url("../images/RECRUTEURS/topbar/tab-compte.png");
}

#recruteurs #topBar ul.nav li#onglet1.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-accueil-active.png");
}

#recruteurs #topBar ul.nav li#onglet2.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-services-active.png");
}

#recruteurs #topBar ul.nav li#onglet3.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-offres-active.png");
}

#recruteurs #topBar ul.nav li#onglet4.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-cv-active.png");
}

#recruteurs #topBar ul.nav li#onglet5.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-pratique-active.png");
}

#recruteurs #topBar ul.nav li#onglet6.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-observatoire-active.png");
}

#recruteurs #topBar ul.nav li#onglet7.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-reseau-active.png");
}

#recruteurs #topBar ul.nav li#onglet8.actuel a {
    background-image: url("../images/RECRUTEURS/topbar/tab-compte-active.png");
}

/* ********************************* MEDIA QUERIES TOPBAR ********************************* */
@media screen and (max-width: 991px) {
    #recruteurs #topBar ul.nav li#onglet1 a,
    #recruteurs #topBar ul.nav li#onglet1.actuel a,
    #recruteurs #topBar ul.nav li#onglet1 a:hover,
    #recruteurs #topBar ul.nav li#onglet1.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet2 a,
    #recruteurs #topBar ul.nav li#onglet2.actuel a,
    #recruteurs #topBar ul.nav li#onglet2 a:hover,
    #recruteurs #topBar ul.nav li#onglet2.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet3 a,
    #recruteurs #topBar ul.nav li#onglet3.actuel a,
    #recruteurs #topBar ul.nav li#onglet3 a:hover,
    #recruteurs #topBar ul.nav li#onglet3.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet4 a,
    #recruteurs #topBar ul.nav li#onglet4.actuel a,
    #recruteurs #topBar ul.nav li#onglet4 a:hover,
    #recruteurs #topBar ul.nav li#onglet4.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet5 a,
    #recruteurs #topBar ul.nav li#onglet5.actuel a,
    #recruteurs #topBar ul.nav li#onglet5 a:hover,
    #recruteurs #topBar ul.nav li#onglet5.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet6 a,
    #recruteurs #topBar ul.nav li#onglet6.actuel a,
    #recruteurs #topBar ul.nav li#onglet6 a:hover,
    #recruteurs #topBar ul.nav li#onglet6.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet7 a,
    #recruteurs #topBar ul.nav li#onglet7.actuel a,
    #recruteurs #topBar ul.nav li#onglet7 a:hover,
    #recruteurs #topBar ul.nav li#onglet7.actuel a:hover,
    #recruteurs #topBar ul.nav li#onglet8 a,
    #recruteurs #topBar ul.nav li#onglet8.actuel a,
    #recruteurs #topBar ul.nav li#onglet8 a:hover,
    #recruteurs #topBar ul.nav li#onglet8.actuel a:hover {
        background-position: center right !important;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-color: #FFF;
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 5px 25px 5px 5px;
        text-align: right;
        z-index: 99999999999999;
    }

    #recruteurs #topBar ul.nav li#onglet1 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-accueil.png");
    }

    #recruteurs #topBar ul.nav li#onglet2 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-services.png");
    }

    #recruteurs #topBar ul.nav li#onglet3 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-offres.png");
    }

    #recruteurs #topBar ul.nav li#onglet4 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-cv.png");
    }

    #recruteurs #topBar ul.nav li#onglet5 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-pratique.png");
    }

    #recruteurs #topBar ul.nav li#onglet6 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-observatoire.png");
    }

    #recruteurs #topBar ul.nav li#onglet7 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-reseau.png");
    }

    #recruteurs #topBar ul.nav li#onglet8 a {
        background-image: url("../images/RECRUTEURS/topbar/mobile/tab-compte.png");
    }
}

/*Fin de @media*/

/* ************************************************************************* Tabs ********************************************************************************** */
#recruteurs .gradient .tab-content {
    border: 1px solid #b4dffa;
    border-top: 0;
}

/* ********************************************************************* NAV-TABS ********************************************************************************** */
#recruteurs .content .nav-tabs li {
    background-image: none;
    margin-bottom: 0;
    padding-left: 0;
}

/* **************************************************************** RECHERCHE BOX ********************************************************************************** */
#recruteurs #recherche-box ul.nav-tabs {
    background-color: #CCDDE0;
}

#recruteurs #recherche-box ul.nav-tabs > li {
    padding-left: 20px;
}

#recruteurs #recherche-box ul.nav-tabs > li.active > a,
#recruteurs #recherche-box ul.nav-tabs > li.active > a:hover,
#recruteurs #recherche-box ul.nav-tabs > li.active > a:focus {
    background-image: url("../images/core/tabs/tab-bleu-right.png");
}

#recruteurs #recherche-box ul.nav-tabs > li.active {
    background-image: url("../images/core/tabs/tab-bleu-left.png");
}

#recruteurs #recherche-box ul.nav-tabs > li.active:first-child {
    background-image: none;
    background-color: #117e93;
}

#recruteurs #recherche-box ul.nav-tabs > li > a:hover {
    background-color: #CCDDE0;
}

#recruteurs .search-offre-emploi-result-page,
#recruteurs #recherche-box .tab-content {
    background: #117e93; /* Old browsers */
    /* FF3.6+ */
    background-image: url('../images/core/backgrounds/gradient-blue.png');
    background-position: center center;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #117e93), color-stop(99%, #005363)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #117e93 0%, #005363 99%); /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-linear-gradient(top, #117e93 0%, #005363 99%);
    background: linear-gradient(to bottom, #117e93 0%, #005363 99%); /* W3C */
}

#recruteurs .search-offre-emploi-result-page {
    border-radius: 8px;
    color: #FFF;
    margin-bottom: 20px;
    padding: 10px;
}

#recruteurs #recherche-box .tab-content p.exemple {
    color: #CCDDE0;
}

#recruteurs #recherche-box .tab-content .tab-pane#offres-emploi button {
    margin-top: 10px !important;
}

@media screen and (max-width: 991px) {
    #recruteurs #recherche-box .nav-tabs-container {
        background-color: #CCDDE0;
    }

    #recruteurs #recherche-box .nav-tabs-container ul.nav-tabs {
        min-width: 430px;
    }

    #recruteurs #recherche-box .nav-tabs-container button {
        background-color: #ccdde0;
    }
}

/*Fin de @media*/

/* ************************************************************** CRÉER UNE OFFRE ********************************************************************************** */
#recruteurs .content p.picto_horloge {
    background-image: url("../images/RECRUTEURS/core/icons/picto_horloge.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 50px;
    padding: 5px 0 5px 70px;
}

#recruteurs .content p.picto_lunettes {
    background-image: url("../images/RECRUTEURS/core/icons/picto_lunettes.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 50px;
    padding: 5px 0 5px 70px;
}

#recruteurs .content p.picto_feuille {
    background-image: url("../images/RECRUTEURS/core/icons/picto_feuille.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    min-height: 50px;
    padding: 5px 0 5px 70px;
}

#recruteurs .content .question-creer-une-offre .box-inter p {
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0;
}

#recruteurs .content .question-creer-une-offre .bubble-right {
    margin-left: 200px;
}

#recruteurs .content .question-creer-une-offre .bubble-last {
    margin-bottom: 20px;
}

#recruteurs .content .question-creer-une-offre .box-top {
    background-image: url("../images/RECRUTEURS/core/background/dial-box-top.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 297px;
}

#recruteurs .form-group.statut-poste {
    margin: -6px 0 10px 0;
}

#recruteurs .content .question-creer-une-offre .box-inter {
    background-image: url("../images/RECRUTEURS/core/background/dial-box-inter.png");
    background-position: left top;
    background-repeat: repeat-y;
    display: block;
    height: auto;
    width: 297px;
}

#recruteurs .content .question-creer-une-offre .box-bottom {
    background-image: url("../images/RECRUTEURS/core/background/dial-box.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    width: 297px;
}

#recruteurs #diffusion-partenaires .border-box-solid {
    min-height: 170px;
}

/* ********************************* MEDIA CRÉER UNE OFFRE ********************************* */
@media screen and (max-width: 991px) {
    #recruteurs .content .question-creer-une-offre {
        margin-left: -15px;
    }

    #recruteurs .content .question-creer-une-offre .bubble-right {
        margin-left: 0;
    }
}

/*Fin de @media*/

/* ********************************************** GÉRER VOS OFFRES - LISTE DES CVS********************************************************************************** */
#recruteurs .content ul.onglets-style {
    border-left: 1px dotted #CCC;
}

#recruteurs .content ul.onglets-style li {
    background-image: none;
    border-right: 1px dotted #CCC;
    display: inline-block;
    float: left;
    padding: 5px 15px;
    text-align: center;
}

#recruteurs .content ul.onglets-style li a.active {
    color: #444;
    font-weight: 700;
}

#recruteurs .content ul.onglets-style li a.active:hover {
    cursor: default;
    text-decoration: none;
}

#recruteurs .content table#liste input {
    margin: 0 !important;
    padding: 0 !important;
}

#recruteurs .content table#liste th.input {
    margin: 0 !important;
    padding: 5px !important;
}

#recruteurs .content table#liste {
    background-color: #FFF;
    font-size: 12px;
    vertical-align: middle;
}

#recruteurs .content table#liste.table > thead > tr > th, .table > tbody > tr > th,
#recruteurs .content table#liste.table > tfoot > tr > th, .table > thead > tr > td,
#recruteurs .content table#liste.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

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

#recruteurs .content table#liste th {
    background-color: #00758b;
    border: 1px solid #FFF;
    color: #FFF;
    padding-right: 20px;
    position: relative;
}

#recruteurs .content table#liste th span {
    height: 19px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 19px;
}

#recruteurs .content table#liste th span.sorting {
    background-image: url("../images/core/table/sort_both.png");
}

#recruteurs .content table#liste th span.sorting_asc {
    background-image: url("../images/core/table/sort_asc.png");
}

#recruteurs .content table#liste th span.sorting_desc {
    background-image: url("../images/core/table/sort_desc.png");
}

#recruteurs .content table#liste a:hover {
    text-decoration: underline;
}

#recruteurs .content table#liste a.button-medium {
    display: block;
    margin: 5px;
    text-align: center;
}

#recruteurs .content table#liste a.button-medium:hover {
    text-decoration: none;
}

#recruteurs table .cartouche {
    background-color: #dfdfdf;
    border-radius: 2px;
    display: inline-block;
    font-size: 11px !important;
    margin: 0 5px 5px 0;
    padding: 2px 6px;
}

#recruteurs table h3 a {
    color: #00758b;
}

/* ******************************************************** COMPAREZ VOTRE BESOIN ********************************************************************************** */
#recruteurs #comparez-votre-besoin div {
    background-image: url("../images/RECRUTEURS/comparez-votre-besoin/pictoFleches.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    padding: 20px;
}

#recruteurs #comparez-votre-besoin h2.bleu,
#recruteurs #comparez-votre-besoin h2.green,
#recruteurs #comparez-votre-besoin p {
    padding-left: 70px !important;
}

/* ***************************************************************************************************************************************************************** */
/* ****************************************************************** LISTES DOCS ********************************************************************************** */
#recruteurs .content .docs {
    background-image: url("../images/RECRUTEURS/core/background/docs.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 100px;
    padding-left: 100px;
}

#recruteurs .content .docsBleus {
    background-image: url("../images/RECRUTEURS/core/background/docsBleus.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 100px;
    padding-left: 100px;
}

/* ************************************************************ Votre compte Apec ********************************************************************************** */
#recruteurs .cadre h3.border-bottom {
    margin-top: 15px !important;
}

/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ********************************************************************************* PORTAIL *********************************************************************** */
body#www {
    color: #444;
    margin-top: 5px;
}

#www p#identification a {
    font-size: 12px;
}

#www #topBar {
    background-image: url("../images/portail/topbar/bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 75px;
    margin: -65px auto 8px;
    max-width: 990px;
    min-height: 150px;
    padding: 0 11px;
}

#www #topBar .logo {
    background-image: url("../images/portail/topbar/logo-apec.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100px;
    left: 25px;
    position: absolute;
    top: 0;
    width: 407px;
}

#www #topBar .clearfix {
    background: url("../images/portail/topbar/small.png");
    background-repeat: no-repeat;
    background-position: 0 11px;
    left: 170px;
    padding-left: 25px;
    position: absolute;
    top: 80px;
}

#www #topBar p.border-right {
    color: #222;
    font-size: 15px;
    line-height: 30px;
    padding-right: 10px;
}

#www #topBar p.border-right + p.border-right {
    margin-left: 10px;
}

#www a.iphone {
    background: url("../images/core/icons/small.png") no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}

#www #faq ul li {
    margin-bottom: 15px;
}

#www .home-portail h1 a,
#www .home-portail h2.h1 a {
    color: #000 !important;
}

#www .home-portail h1 a:hover,
#www .home-portail h2.h1 a:hover {
    color: #00758b !important;
    text-decoration: none;
}

#www .home-portail a strong {
    color: #444;
}

#www .home-portail p,
#www .home-portail li {
    font-size: 14px;
}

#www .home-portail li.check a {
    color: #444;
}

#www .home-portail .col-md-6 img,
#www .home-portail .col-md-4 img {
    margin-bottom: 15px;
}

#www .home-portail .col-md-6 a + p,
#www .home-portail .col-md-4 a + p {
    font-weight: 700;
    margin-left: 20px;
}

#www .home-portail .col-md-6 a + p a:hover,
#www .home-portail .col-md-4 a + p a:hover {
    text-decoration: none;
}

#www .home-portail .button-big {
    margin: 0 0 20px 20px;
}

#www .home-portail .button-small {
    margin: 0 0 10px 20px;
    padding: 4px 10px
}

#www .home-portail .button-small a {
    margin: 0px;
}

#www .home-portail p.button-big a,
#www .home-portail button.button-big,
#www .home-portail a.button-big {
    padding: 5px;
}

#www #create a.button-big,
#www #forgot a.button-big {
    padding: 4px 10px;
}

@media screen and (max-width: 991px) {
    #www #topBar {
        background-image: none;
        margin: 0 0 20px 0;
        padding: 0;
        height: auto;
    }

    #www #topBar .clearfix {
        display: none;
    }

    #www #topBar .logo {
        background-image: url("../images/topbar/logo-apec-small.png");
        background-image: url("../images/topbar/logo-apec-small.svg");
        height: 48px;
        left: 0;
        top: 90px;
        width: 200px;
    }

    #www #topBar {
        min-height: 80px;
    }
}

/*Fin de @media*/

@media screen and (max-width: 767px) {
    #www #topBar .logo {
        top: 70px;
    }
}

/*Fin de @media*/

/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ************************************************************************* EDIT MODE ***************************************************************************** */
.jahia-template-gxt .visible-xs,
.jahia-template-gxt .visible-md {
    background-color: palegreen;
    display: block !important;
}

/* Les sites partenaires */
#sitesPartenaires tbody tr td {
    padding: 5px;
}

#sitesPartenaires tbody tr td div div div {
    display: inline-block;
}

#sitesPartenaires tbody tr td div div {
    text-align: center;
}

/* Fin des sites partenaires*/

/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ************************************************************************* SITE PRESSE ***************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */

/*****************************/
/* Box Presse : page accueil */
/*****************************/
#communiquesPresseBandeau {
    height: 126px;
    padding: 80px 0 0 10px;
    background-image: url('/modules/apec-template-bootstrap-responsive/images/presse/box-presse-communiques.jpg');
}

#contacterServicePresse {
    height: 198px;
    background-image: url('/modules/apec-template-bootstrap-responsive/images/presse/box-presse-contacter.jpg');
    background-size: 100%;
    margin-top: 10px;
}

.presseTitleBlue {
    /* Couleur du titre de toutes les box presse */
    color: #006388;
    font-size: 18px;
}

.presseBackgroundGrey {
    /* Couleur de fond des box presse */
    background: #fafafa;
}

.pressePadding {
    /* Padding sur les box presse */
    padding: 10px;
}

.presseMarginTop {
    /* Margin entre les box communiqués et services */
    margin-top: 10px;
}

.presseOrange {
    /* Titres orange sur les box presse */
    color: #ef741d;
    font-size: 14px;
}

#presse a.presseOrange:hover {
    color: #00758B;
    text-decoration: none;
}

.presseBold {
    font-weight: bold;
}

.presseInfo {
    color: #666666;
    font-size: 10px;
}

.imgPressepresentations {
    /* Taille de l'image sur la box présentations */
    max-width: 77px;
    max-height: 77px;
}

.accrocheHeightMin {
    min-height: 30px;
}

#presse ul.presentationsPresseList li a, a.linkBlack {
    color: #444;
}

#presse ul.presentationsPresseList li a:hover, a.linkBlack:hover {
    color: #00758B;
    text-decoration: none;
}

ul.presseListNoStyle {
    list-style-type: none !important;
    list-style: none !important;
}

ul.presseListNoStyle li {
    background-image: none;
}

/*********************************/
/* Fin Box Presse : page accueil */
/*********************************/

/***********************************/
/* Presse : carousel, photo, carte */
/***********************************/
.carousel-3-slides.carousel-multi.big img.presse {
    max-height: 68px !important;
    width: auto;
    height: auto !important;
}

.pressePhoto {
    max-width: 445px;
}

.pressePhoto img {
    height: 150px;
}

.editoTitlePresse {
    /* Titre pour les pages : photo, carousel et carte */
    padding: 15px 15px 10px 15px;
    color: black;
    font-size: 18px;
    font-weight: 100 !important;
}

.backgroundPhotoPresse {
    background: #fafafa;
    height: 350px;
}

.mapSpanPresse {
    color: rgb(85, 85, 85);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: normal;
}

#tab-carousel-actualites-presse li.active a {
    /* Onglets box presse actualités */
    color: white !important;
    background: #006388 !important;
}

.google-map-tooltip-presse {
    height: auto;
    overflow: auto;
    width: auto;
}

/***************************************/
/* Fin Presse : carousel, photo, carte */
/***************************************/

/******************/
/* Top Bar Presse */
/******************/
#presse #topsite, #presse #topsitepresse {
    /* Gestion du top site absent sur presse */
    height: 56px;
}

#presse #topBar {
    background-image: url("../images/portail/topbar/bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 75px;
    margin: -65px auto 8px;
    max-width: 990px;
    min-height: 150px;
    padding: 0 11px;
}

#presse #topBar .logo {
    background-image: url("../images/portail/topbar/logo-apec.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100px;
    left: 25px;
    position: absolute;
    top: 0;
    width: 407px;
}

#presse #topBar .clearfix {
    background: url("../images/portail/topbar/small.png");
    background-repeat: no-repeat;
    background-position: 0 11px;
    left: 200px;
    padding-left: 25px;
    position: absolute;
    top: 80px;
}

#presse #topBar p.border-right {
    color: #222;
    font-size: 15px;
    line-height: 30px;
    /* padding-right: 10px; */
}

#presse #topBar p.border-right + p.border-right {
    margin-left: 15px;
}

#presse #formSearchPresse input {
    width: 200px;
    height: 18px;
    padding: 0 0 0 5px;
    border: 1px solid #d4b8a5;
    margin-left: 50px;
}

#presse #formSearchPresse button {
    width: 23px;
    height: 20px;
    overflow: hidden;
    border: 0;
    background: url("/modules/apec-template-bootstrap-responsive/images/presse/search.png") no-repeat 0 -59px;
    text-indent: 23px;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 5px;
}

#presse #formSearchPresse {
    /* Recherche presse */
    float: right;
    margin-top: 5px;
}

#formSearchPresse input.placeholder {
    /* Placeholder sur la recherche */
    color: #666666;
}

#presse #topBar a {
    /* Couleur des liens de la topbar presse */
    color: black;
}

/**********************/
/* Fin Top Bar Presse */
/**********************/

/*********************/
/* Bottom Bar Presse */
/*********************/
.bottombarpresse {
    /* Bottom bar presse */
    padding: 35px 0 0 240px !important;
}

/*************************/
/* Fin Bottom Bar Presse */
/*************************/

/***************************/
/* Page redirection mobile */
/***************************/
.iphone-ui {
    background: #FFFFFF;
    font: 12px "Arial", "Helvetica", sans-serif;
    cursor: default;
    overflow-y: auto;
    height: 100%;
}

.iphone-ui input, .iphone-ui button, .iphone-ui select, .iphone-ui textarea {
    font: 12px "Arial", "Helvetica", sans-serif;
}

.iphone-ui button {
    background: none;
}

.iphone-ui a {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}

.iphone-ui a:hover {
    text-decoration: none;
}

.iphone-ui ul, .iphone-ui li {
    list-style-type: none !important;
    background: none !important;
    padding-left: 0px !important;
}

.iphone-ui section, .iphone-ui header {
    display: block;
    text-align: center;
}

.iphone-ui header {
    margin-bottom: 5px;
}

.iphone-ui h1 {
    font-size: 1.9em;
    font-weight: bold;
    line-height: 0.95em;
    margin-bottom: 15px;
}

.iphone-ui h1 span {
    font-size: 0.65em;
    font-weight: normal;
}

section.iphone-redirect {
    background: url("/modules/apec-template-bootstrap-responsive/images/redirectionMobile/bck_iphoneRedirectGrey.png") repeat-x center 0;
    background-size: 100% 100%;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    height: 100%;
}

section.iphone-redirect header {
    background-image: url("/modules/apec-template-bootstrap-responsive/images/redirectionMobile/logo-apec.png"), url("/modules/apec-template-bootstrap-responsive/images/redirectionMobile/bck_iphoneRedirectHeader.png");
    background-repeat: no-repeat, repeat-x;
    background-position: center 0, 0 0;
    background-color: #FFF, transparent;
    height: 65px;
    padding: 10px 0;
    text-align: center;
}

section.iphone-redirect section img {
    width: 30%;
}

section.iphone-redirect section ul li a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    width: 81%;
    padding: 10px 7px;
    margin: 0 auto 15px;
    border-radius: 5px;
    box-shadow: 0 2px 3px #AAAAAA;
}

section.iphone-redirect section ul li {
    padding: 0px !important;
}

section.iphone-redirect section ul li.btnGreen a {
    background: url('/modules/apec-template-bootstrap-responsive/images/redirectionMobile/bck_btn-green.png') repeat-x 0 50%;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

section.iphone-redirect section ul li.btnGrey a {
    background: url('/modules/apec-template-bootstrap-responsive/images/redirectionMobile/bck_btn-grey.png') repeat-x 0 50%;
    border: 1px solid #DDDDDD;
    color: #333333;
}

section.iphone-redirect section ul li a:hover,
section.iphone-redirect section ul li a:active,
section.iphone-redirect section ul li a:focus {
    color: white;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058CF5), to(#015DE6));
    outline: 0;
}

section.iphone-redirect section ul li.btnGrey a:hover,
section.iphone-redirect section ul li.btnGrey a:focus,
section.iphone-redirect section ul li.btnGrey a:active {
    color: #000;
}

/*******************************/
/* Fin page redirection mobile */
/*******************************/

/********************/
/* Custom recherche */
/********************/
.affinerRecherche {
    color: #ed7601;
    line-height: 20px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
    font-family: inherit;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.titreOffreH2 {
    margin-bottom: 16px !important;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #000;
    line-height: 1.2em;
    padding: 0 !important;
    font-family: inherit;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.titreOffreH2 a {
    color: #000;
    text-decoration: none;
}

.titreOffreH2 a:hover, .titreOffreH2 a:focus {
    color: #00758B;
    text-decoration: none;
}

.LieuxOffreH2,
.EntrepriseOffreH2 {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

#ajouterLieu{
    height: 14px;
    margin-left: 10px;
    margin-top: 2px;
}
#select-lieux.input-group {
    width: 58%;
}

#select-lieux select,
#select-lieux input[type="text"] {
    max-width: 260px;
    width: 100%;
}

/************************/
/* Fin custom recherche */
/************************/


/***********************************/
/* Qualification moteur de recherche
/**********************************/
#qualification {
    /*background-color: #F2F2F2;*/
    background-color: white;
    color: #000;
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-bottom: 25px;
    word-wrap: break-word;
    box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.7);
}

#qualification-plus-box {
    /*background-color: #F2F2F2;*/
    background-color: white;
    color: #000;
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-bottom: 25px;
    word-wrap: break-word;
    box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, 0.7);
}

#qualification a {
    color: #00758B;
    text-decoration: none;
    font-weight: 700;
    word-wrap: break-word;
}

#qualification a:hover, #qualification a:focus {
    color: #00758B;
    text-decoration: none;
    font-weight: 700;
    word-wrap: break-word;
}

#qualification h1,#qualification h2 {
    font-size: 14px !important;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #000;
    text-decoration: none;
    word-wrap: break-word;
}

#qualification h3, #qualification h4 {
    font-size: 13px !important;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #000;
    text-decoration: none;
    word-wrap: break-word;
}

#qualification p {
    box-sizing: border-box;
    color : rgb(51, 51, 51);
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 15.6px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    word-wrap: break-word;
}

.closeButton
{
    display:block;
    float:right;
    width:37px;
    height:37px;
    margin-top:0px;
    margin-right:0px;
    background:url("../images/core/boutons/close-circle.png") no-repeat center center;
}

/***********************************/
/* GABBARITS Annuaires des metiers
/**********************************/
.td_right {
    background-color: #f2f2f2;
    display: block;
    width: 22px;
    height: 34px;
    top: 0px;
    left: 0px;
    color: #444444;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
}

.td_left {
    padding-left: 15px;
}

.ateliers-footer td {
    padding: 20px;
}

.ateliers-pas-evenements {
    margin-top: 20px;
}

#ateliers thead tr {
    background-color: #00758b;
}

#ateliers thead th a {
    color: #000 !important;
}

.ateliers-identifiez-vous {
    margin-right: 30px;
}

.ateliers-coordonnees {
    margin-left: 30px;
}

.ateliers-confirmation {
    color: #00758b;
}

/********************/
/* Fin des ateliers */
/********************/.td_left {
                          padding-left: 15px
                      }

#categoriesHeader {
    background: url("../images/annuaires/bg_tabs.png") no-repeat scroll center center transparent;
    display: block;
    height: 36px;
    margin-bottom: 15px;
    width: 519px;
    padding: 8px 0px;
}

.display_categories {
    background: #eef7f9 url(../images/annuaires/bg_search_c.png) repeat-x top center;
    display: inline-block;
    width: 519px;
}

.annauaireTitre {
    color: #fff;
    margin-left: 10px;
}

div.display_categories li ,.td_left li{
    padding-bottom: 10px;
}

div.display_categories li a {
    text-decoration: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00758b;
    font-weight: bold;
    display: inline-block;
}

div.display_categories ul {
    width: 200px;
}


/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ************************************************************************* HELPER CLASSES ************************************************************************ */
/* ******************************************************************* LAISSER EN BAS DE FEUILLE ******************************************************************* */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************************** */
/* margin */
.margin-10 {margin: 10px;}
/* margin top */
.margin-top-0 {margin-top: 0 !important;}
.margin-top-5 {margin-top: 5px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
/* margin bottom */
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
/* margin right */
.margin-right-5 {margin-right: 5px !important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-20 {margin-right: 20px !important;}
/* margin left */
.margin-left-0 {margin-left: 0 !important;}
.margin-left-5 {margin-left: 5px !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-25 {margin-left: 25px !important;}
.margin-left-55 {margin-left: 55px !important;}
.margin-left-65 {margin-left: 65px !important;}

.padding-left-0 {
    padding-left: 0 !important;
}


/***********************************/
/* Fin GABBARITS Annuaires des metiers
/**********************************/

.autocomplete-list{
    width: 310px;
    max-height: 580px;
    overflow-y: auto;
    position: absolute;
}

ul.autocomplete-list li a{
    line-height : 20px;
    color: #6B6B6B;
}

ul.ui-autocomplete li.autocomplete-location{
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

ul.ui-autocomplete li.autocomplete-location:hover{
    background-color: #FFF;
}

.select-lieu-distance{
    float: none;
    margin-left: 10px;
}



/****************************************/
/* Visibilité des etudes Medias Associés
/**************************************/
p.medias a[href $= pdf] {
    background-image: url(../images/core/icons/pdf.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}
p.medias a[href $= doc] {
    background-image: url(../images/core/icons/doc.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}
p.medias a[href $= xls] {
    background-image: url(../images/core/icons/xls.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.medias a[href $= ppt] {
    background-image: url(../images/core/icons/ppt.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.medias a[href $= png],
p.medias a[href $= jpg],
p.medias a[href $= svg],
p.medias a[href $= eps] {
    background-image: url(../images/core/icons/png.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

p.medias a[href $= zip] {
    background-image: url(../images/core/icons/zip.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    font-weight: 700;
    padding: 2px 0 2px 25px;
}

/****************************************/
/* Fin Visibilité des etudes Medias Associés
/**************************************/
/********************/

/******************/
/* Offres - Salon */
/******************/

.salon-container .tooltip.bottom {
    margin-right: 140px;
    width: 283px;
    left: 70px !important;
}

.salon-logo {
    margin-top: 40px;
}

a.salon-link, a.salon-link:hover {
    text-decoration: underline;
    color: #444;
}

.offre-result .widget-salon {
    float: right;
    margin-right: 5px;
}

/*************************/
/* Fin des Offres -Salon */
/*************************/

/****************/
/* Les Ateliers */
/****************/

.ateliers-footer {
    border:1px solid rgb(153, 153, 153);
    line-height: 20.8px;
    margin-left:auto;
    margin-right:auto;
    width: 70%;
    color: rgb(153, 153, 153);
}

.ateliers-footer td {
    padding: 20px;
}

.pas-evenements {
    margin: 40px 0;
    color: #00758b;
    font-size: 14px;
}

#ateliers thead tr {
    background-color: #00758b;
}

#ateliers thead th a {
    color: #FFF !important;
}

.inscription-identifiez-vous {
    margin-right: 30px;
}

.ateliers-identifiez-vous {
    margin-right: 30px;
}

.ateliers-coordonnees {
    margin-left: 30px;
}

.ateliers-confirmation {
    color: #00758b;
}

table#ateliers th {
    background-color: #00758b;
    border: 1px solid #FFF;
    color: #FFF;
    padding-right: 20px;
    position: relative;
}

table#ateliers th span {
    height: 19px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 19px;
}

table#ateliers th span.sorting {
    background-image: url("../images/core/table/sort_both.png");
}

table#ateliers a:hover {
    text-decoration: underline;
}

/********************/
/* Fin des ateliers */
/********************/

.autocomplete-list{
    width: 310px;
    max-height: 250px;
    overflow-y: scroll;
}

ul.autocomplete-list li a{
    line-height : 20px;
    color: #6B6B6B;
}

ul.ui-autocomplete li.autocomplete-location{
    margin-top: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

ul.ui-autocomplete li.autocomplete-location:hover{
    background-color: #FFF;
}

.clearFloat{
    clear:both;
}

.input-textarea-read, .input-ckeditor-read {
    float: left;
}

/*********************/
/** Gérez vos offres**/
/*********************/

#box-homepage-gerez-vos-offres {
    margin-bottom: 15px;
}

#box-homepage-gerez-vos-offres p {
    font-size: 14px;
    margin-bottom: 10px;
}

#box-homepage-gerez-vos-offres .candidatures-a-traiter,
#box-homepage-gerez-vos-offres .offre-en-ligne,
#box-homepage-gerez-vos-offres .offre-attente-validation {
    border-radius: 25px;
    color: #FFF;
    padding: 3px 6px;
    text-align: center
}

#box-homepage-gerez-vos-offres .candidatures-a-traiter {
    background-color: #117e93;
}

#box-homepage-gerez-vos-offres .offre-en-ligne {
    background-color: #33cc00;
}

#box-homepage-gerez-vos-offres .offre-attente-validation {
    background-color: #ff9933;
}

#box-homepage-gerez-vos-offres .button-flat-blue {
    background-color: #117e93;
    border: 0;
    border-radius: 8px;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 20px;
}

#box-homepage-gerez-vos-offres .button-flat-blue:hover {
    background-color: #8cb9c1;
    text-decoration: none;
}