@charset "UTF-8";



/************************ Crée le 30/01/2018 **************************/
/************************** BOX ADVICE IMAGE **************************/
/********************************************************************/
.comp_advice-img .content {
  background: url('../../images/premier-job/etre-recrute-a-linspection-generale.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 20px 20px 80px 20px;
  cursor: auto;
  height: 197px;
  }
  .comp_advice-img.highlight .content {
    height: auto;
    cursor: pointer;
  }
  @media(max-width) {
    .comp_advice-img .content {
      height: auto;
    }
  }

/* Déclinaison pour la box "Mise en avant" */
.comp_box-highlight .comp_advice-img .content {
  min-height: 264px;
  }
.comp_advice-img p {
    color: #333333;
    line-height: 22px;
    margin-top: 20px;
    font-size: 16px;
}

    .comp_advice-img .grid-category {
      display: table-cell;
      float: left;
      font-style: italic;
      font-size: 16px;
      margin-right: 20px;
      margin-bottom: 20px;
      padding: 4px 20px;
      background: #fff;
      color: #ed7601;
      -webkit-border-radius: 8px 8px 8px 8px;
      -moz-border-radius: 8px 8px 8px 8px;
      border-radius: 8px 8px 8px 8px;
      cursor: default;}
      @media (max-width: 768px) {
        .comp_advice-img .grid-row .grid-category {
          font-size: 14px; } }

      .comp_advice-img .grid-category.not-defined{
        display: table-cell;
        visibility: hidden;
      }
      .comp_advice-img .grid-category.not-defined:before{
        content: "Non classé";
      }

    .comp_advice-img .grid-text {
      display: table-cell;
      color: #006680;
      margin-top: 20px;
      font-size: 16px;
      padding: 8px 16px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-border-radius: 8px 8px 8px 8px;
      -moz-border-radius: 8px 8px 8px 8px;
      border-radius: 8px 8px 8px 8px; }
      @media (max-width: 768px) {
        .comp_advice-img .grid-text {
          margin-top: 15px; } }
      @media (max-width: 991px) {
        .comp_advice-img .grid-text {
          font-size: 14px; } }
      @media (max-width: 700px) {
        .comp_advice-img .grid-text {
          font-size: 14px; } }

#jd .comp_advice-img a.grid-category{
  color: #ea212d;
}
#recruteurs .comp_advice-img a.grid-category{
  color: #117d92;
}



/*** fin du composant " BOX ADVICE IMAGE " ***************************************************************/