/*
 * Structure de base ( body, titre, texte, etc...), ne change presque jamais sauf couleur
 */
body {
    font-family: 'Noto Sans', sans-serif;
    background-color: white;
    color:#414042;
}

.global-content{margin:0 auto; max-width:1200px;}

hr {
    border-top: 1px solid #e5e5e5;
}

h2{color:#822930; font-size:1.9em;}

a{color:#822930;}

.text-white{
    color:#fff;
}

.text-primary{
    color:#0590B1;
}

.main-content{
    padding-top:20px;
}

#choose-language > .dropdown-menu{
    margin-left:-111px;
}

.dropdown-language{
    font-size:1.5em;
}

.table thead {
    background-color: #000;
    color: #fff;
}

.connect_link a.btn-primary {
    background-color:#2d91f5;
    color:white;
    border:1px solid #2d91f5;
}

.ne-pas-afficher{display: none;}

/* Bouton bootstrap custom */
.btn-primary{
    background-color:#8d363e;
    color:#fff;
    border:1px solid #8d363e;
}
.btn-primary:hover{
    background-color:#c24b1c;
    color:#fff;
    border:1px solid #c24b1c;
}

.btn.btn-link{
    color:#4e4e4e;
}

.btn.btn-link:hover{
    text-decoration:none;
}

.selected{
    color:#2d91f5;
}

.entete .logoFront{
    height:51px;
    margin-top:1px;
}

.entete h3{color:#d7b96e;}

.footer-postulation{
    position: fixed;
    left : 0;
    bottom: 0;
    width: 100%;
    background-color: #F7F8F8;
    padding: 20px;
    margin-top : 100px;
}

.postulation-custom{margin-left: 35%;}
.partager-custom {padding-right: 56px;}

/* Pagination */
.pagination > li > a,
.pagination > li > span{background-color:white; color:#822930;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{background-color:white; color:#822930;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover{background-color:#822930; color:white;}

.pagination{
    margin:0 0 10px 0;
}

/*** FORM ***/
.form-signin {color:#fff; padding:20px;}
.form-signin h3{margin-bottom:10px; margin-top:0;}

#dejainscrit .form-signin{height:inherit;}

/** block de connection sur la page front-identifier**/
.bloc_connecter{
    background-color:#822930;
    width:300px;
    position:relative;
    top:20px;
    left:20px;
}
.bloc_connecter .btn-primary{
    background-color:#fff;
    color:#333;
    border:none;
}
.bloc_connecter .btn-link{
    color:#fff;
}
.bloc_connecter .btn-link:hover{
    color:#fff;
    text-decoration:underline;
}
.bloc_connecter .form-group:last-of-type{margin-bottom:0;}

/** block d'inscription sur la page front-identifier**/
.bloc_inscrire{
    background-color:#822930;
    width:350px;
    float:right;
    position:relative;
    top:20px;
    right:20px;
}
.bloc_inscrire li{
    list-style:none;
    color:white;
}
.bloc_inscrire .btn-primary{
    background-color:#fff;
    color:#333;
    border:none;
}

/*
.btn-primary{
    background-color:#822930;
    color:white;
    border:1px solid #822930;
    transition: ease-in-out all 600ms;
}
.btn-primary:hover{
    background-color:#9c0d07;
    color:#fff;
    border:1px solid #9c0d07;
}*/


/** block de recherche d'offre sur la page front-offres **/
.job-filter {
    background-color:#822930;
    padding: 20px;
    margin-bottom:20px;
    position:relative;
    top:20px;
}
.job-filter .job-filter-title {
    font-weight: 300;
    font-size:larger;
    margin-left:20px;
    color:#fff;
}

.job-filter .btn-link{color:#fff;}

/* Si pas d'offres*/
.no_offres{
    margin-top : 20px;
    text-align: center;
}

/* espacement offres */
.offreLink {
    margin-top: 0px;
    margin-bottom : 0px;
    font-size: 18px;
}
/*
.offreLink a{color:#424143}
*/
/*span localisation*/
.offre_siege span{
    color : #fff;
}

/******* NAVBAR *************************/
.navbar-header .navbar-brand{color:#333;}

.navbar-nav  .dropdown-menu li  span{
    color:#e6e6e6;
}
.navbar-custom {
    background: #e6e6e6;
    font-weight:bold;
    font-size:16px;
    margin-top:10px;
    border-bottom:2px solid #d7b96e;
    border-radius: 0;
}
.navbar li a {
    color: #333;
    background-color: #e6e6e6;
    transition : ease-in-out all 600ms;
}

.navbar li > a:hover{
    background-color:transparent;
}

.navbar li a:hover {
    color:#d7b96e;
}
.navbar .well a {
    color:#4e4e4e;
}
.navbar .well a:hover{
    color:#4e4e4e;
}
.navbar-toggle {
    margin:0;
}

/*********** CONTENU *******************/
.page_offre_detail .main-content{height:0px!important;}
.page_postuler .main-content{height:0px!important;}

.well h4{
    margin: 0 0 15px 0;
    padding: 5px;
    background-color: #fff;
}

/* DETAIL DE L OFFRE */
.pager .previous-return a{border:0; text-decoration: underline; font-weight:300; background-color: transparent;}

.dl-horizontal dt {
    text-align:left;
    width:120px;
}
.offer-head {
    height:120px;
    margin-bottom:20px;
    background-color:#e6e6e6;
}

.offer-head .offer-date{
    height: 100%;
    color:#fff;
    background-color:#8d363e;
    text-align:center;
    padding:30px;
}

.offer-head .offer-title{
    font-size:24px;
    padding-top:20px;
}

.offer-head .offer-logo img{ 
    max-height:75px;
    margin:15px 0;
}

.offer-reference{
    margin-bottom:30px;
}

.offer-detail{
    margin-bottom:150px;
}

.offer-detail h3{
    font-size:20px;
    color:#8d363e;
}

.offer-detail-action {
    border-top:1px solid #ccc;
    background-color: #F7F8F8;
    padding: 20px;
    position: fixed; 
    bottom: 0;
    left: 0;
    width: 100%;
}

.offer-head .offre-text{
    text-align: center;
    height: 100px;
}
.offer-head .offre-text h1{
    font-size:2.5em;
}

/** Tout les appareils de 950px jusqu'a 768px **/

@media (max-width: 1290px){
    .postulation-custom{margin-left : 0;}
    .impression-custom{display: none;}
}

@media (min-width: 980px) {
    .identifier, .offres {
        width: 100%;
        margin: 0;
        padding : 0;
    }
}

@media (max-width: 980px) {
    .bloc_connecter{position:initial; width:100%; margin-bottom:20px;}
    .bloc_inscrire{position:initial; width:100%;}
    .job-filter{position:initial;}
}

@media (min-width: 768px) {
    .dl-horizontal dd {
        margin-left:140px;
    }
}

@media (max-width: 768px) {
    .bloc_filtrer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .entete{display:none;}
    .connect_link{display:none;}

    .navbar-toggle {
        display: block;
        color : #254993;
    }
}

 /** Sécurité pour les iphone **/
.validity_check {
    position: absolute; /* don't bother other elements on the page */
    width: 0; /* small */
    height: 0; /* very small */
    margin: 0; /* tiny */
    padding: 0; /* very tiny */
    border: 0; /* tada */
}

#slideshow_front {
    height:320px;
    margin:0 auto;
    width:100%;
    display:block;
    background-size:cover;
    background-position:center;
    margin-bottom:20px;
}

@media (max-width: 980px) {
    #slideshow_front {
        height: auto;
        margin: 0;
    }
}

/** Tri des offres par tags (spécial Nice et consorts) **/

.options-items{
    line-height:40px;
}

.tag{
    border: 1px white solid;
    padding: 5px;
    margin-bottom:5px;
    border-radius: 15px;
    color: white;
}

a.tag{
    margin:5px 0 5px 5px;
}

.tag:hover{
    text-decoration: none;
    color:white;
    background-color: #2d91f5;
}

.tag.actif {
    border : 2px white solid;
    color:#2d91f5;
    background-color: white;
}