.container-eq {
  z-index:10;
}

.container-eq a,
.container-eq a:hover {
  text-decoration:none !important;
}

.bloc-collaborateur {
  position:relative;
  cursor: pointer;
}
.entete_bloc {

  z-index:20;
  width:100%;
  background: rgba(0,0,0,.5);
  
}

@media (max-width: 558px)  {
  .profil {
    object-fit: cover;
    height:430px;
  }
}

@media (min-width: 558px)  {

  .entete_bloc {
    position:absolute;
    margin-top:-0px;
    z-index:20;
    width:100%;
    background: rgba(0,0,0,.5);
    height:auto;
  }

  .entete_bloc h2{
    line-height: 1;
  }
  .entete_bloc img{
    vertical-align:middle;
  }

}

@media (min-width: 992px)  {
  .profil {
    object-fit: cover;
    height:60vh;
  }
}

.collaborateur-overlay {
    position: absolute;
    top: 0;

    left: 0;
    right: 0;

    width: calc(100%);
   height: calc(100% - 113px);
    opacity: 0;

    transition: .5s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    color:#ffffff;
 }

@media (min-width: 768px) and (max-width:1024px)  {
  .collaborateur-overlay {
    top: 102px;
    height: calc(100% - 197px);
  }
}

@media (min-width: 1024px)  {
  .collaborateur-overlay {
    top: 78px;
    height: calc(100% - 165px);
  }
}
.container-collaborateur-overlay {
  width:100%;
  height:100%;
  position:relative;
}
.sitep p,
.content-collab p {
  color:#ffffff;
}
.sitep p{
  line-height: 1.5;
  font-size:1rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sitep p{
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  .content-collab p {
    font-size: 1.1rem !important;
  }
}
.content-collab p {
  font-weight:600;
  margin-bottom:0;
}
.bloc-collaborateur.bloc_beneficiaire .container-collaborateur-overlay{
  background-color: rgba(223, 43, 79, 0.9);
}
.bloc-collaborateur.bloc_emploi .container-collaborateur-overlay{
  background-color: rgba(194, 63, 3, 0.9);
}
.bloc-collaborateur.bloc_formation .container-collaborateur-overlay{
  background-color:rgba(8, 64, 136, 0.9);
}
.bloc-collaborateur.bloc_pro .container-collaborateur-overlay{
    background-color:rgba(67, 130, 110, 0.9);
}


.container-collaborateur-overlay div.bloc-collaborateur-overlay{
  height:100%;

}
.bloc-collaborateur:hover .collaborateur-overlay {
    opacity: 1;
}

.collaborateur-overlay div {
  text-align:center;
}

.bloc-collaborateur-overlay {
  line-height:1.4;
}

.collaborateur-entete {
  font-size:1.1em;
  padding-top:0;
}

@media (min-width: 1099px) and (max-width: 1199px) {
  .bloc-collaborateur-overlay {
    font-size:14px;
  }
}

@media (min-width: 992px) and (max-width: 1099px) {
  .collaborateur-entete {
    padding-top:.75em;
    font-size:1em;
  }
}

.collaborateur-entete strong{
  font-family: 'Roboto';
  font-weight: 900;
}


@media (max-width: 1099px) {
  .bloc-collaborateur {
    box-shadow: 1px 1px 30px rgba(3,69,71, 0.2);
    box-shadow: 1px 1px 15px rgba(3,69,71, 0.2);
    font-size:.9em;
  }
}
@media (min-width: 1099px) {
  .bloc-collaborateur {
    margin-left:.35em;
    margin-right:.35em;
    box-shadow: 1px 1px 18px rgba(3,69,71, 0.2);
  }
}

.bloc-collaborateur {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bloc-collaborateur .c-content {
  color:white;
  width:100%;
  height:100%;
}

.bloc-collaborateur.bloc_beneficiaire .c-content{
    background-color:#DF2B4F;
}
.bloc-collaborateur.bloc_emploi .c-content{
    background-color:#C23F03;
}
.bloc-collaborateur.bloc_formation .c-content{
    background-color:#084088;
}
.bloc-collaborateur.bloc_pro .c-content{
    background-color:#43826E;
}

.content-collab {
  margin:0 auto;

  padding-top:.4em;
  padding-bottom:.4em;
  padding-left:.4em;
  padding-right:.4em;
  display: flex;
  flex-direction: column;
  height:100%;
}
.mb-auto {
  margin-bottom: auto;
}

.content-collab strong{
  font-family: 'Roboto';
  font-weight: 700;
}

.bloc-collaborateur .c-content a{
  font-family: 'Roboto';
  font-weight: 700;
 color:white;
}