/*
 * Propriétés CSS pour les pages de l'extension nh_rh
 */

/*** Offres d'emploi ***/
.rh.offre-emploi{}
.rh.offre-emploi .criteres{margin-top: 20px;}
.rh.offre-emploi .contact a.pdf{display: block;}

/*** Les fiches métiers ***/
.rh.professions form#list-profession-pager{clear: both;padding-top: 10px;}
.rh.professions form#list-profession-pager .filtre{margin: auto;text-align: center;width: 280px;}
.rh.professions .alert{margin-top: 20px;}
.rh.professions .blocPrincipal .imgTypeDoc,
.rh.professions .blocPrincipal .resumeList  {
    margin: 10px 0;
}
.rh.professions .resumeList p.resume{
    font-size: 1.166em; /* 14pt */
    line-height: 1.5;
}
.rh.professions .blocList{
    margin-top:20px;
    clear: both;
}
.rh.professions a.btn{margin: 0px;}

/*** Une fiche métier ***/
.rh.profession .image{margin-top: 20px}
.rh.profession p.chapo{font-weight: bold}

/*** Recherche d'une offre d'emploi ***/
.rh.recherche-offre-emploi .button-bar {
    clear: both;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: right;
}
.rh.recherche-offre-emploi .button-bar .btn {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px;
}
.rh.recherche-offre-emploi button.btnStdGray {
    display:block;
    margin-bottom:0;
    margin-top:10px;
    float:right;
    clear:both;
}

/*** Liste des offres d'emploi ***/
.rh.liste-offre-emploi .intituleOffre {
    padding-left: 0;
    border: 0 none;
}
.rh.detail-offre-emploi .description li,
.rh.detail-offre-emploi .profile li {
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 1.333em;
}
.rh.liste-offre-emploi li {
    list-style: none;
}
.rh.liste-offre-emploi .job-offer {
    margin: 0 10px 20px;
    padding: 15px;
    background-color: #F3F3F3;
    border-radius: 2px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.rh.liste-offre-emploi .job-offer h3 a {
    color: #009de0;
}
.rh.liste-offre-emploi .job-offer .btn-default {
    color: #FFFFFF;
    background-color: #7C7C7C;
}

/*** Détail d'une offre d'emploi ***/
.rh.detail-offre-emploi h2.titreContenu {
    margin-bottom: 30px;
}
.rh.detail-offre-emploi .description li,
.rh.detail-offre-emploi .profile li {
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 1.333em;
    list-style: none;
}
.rh.detail-offre-emploi .criteres h3,
.rh.detail-offre-emploi .criteres .critere {
    display: inline-block;
}
.rh.detail-offre-emploi .criteres h3 {
    margin-top: 0;
    margin-right: 10px;
    line-height: 1.4;
}
.rh.detail-offre-emploi .criteres .critere-container {
    margin-top: 10px;
}
.rh.detail-offre-emploi .criteres .critere {
    margin: 0;
}

.rh.description{
    line-height:20px;
    font-size:13px;
    color: #444444;
    text-align: justify;
}

/* ---------------------------------------------------------- */
/* --------------------- MEDIA QUERIES ---------------------- */
/* ---------------------------------------------------------- */

@media (max-width: 767px) {/* préfixe xs */
    /*** Les fiches métiers ***/
    .rh.professions img.imgTypeDoc {
        width:30%;
    }
    .rh.professions .blocList{
        margin-top:30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) { /* préfixe sm */
    /*** Les fiches métiers ***/
    .rh.professions .blocList{
        margin-top:30px;
    }
}