.cardPoste{margin-top:2rem;margin-bottom:2rem;}
.imgCardPoste {width:100%;height:auto;aspect-ratio:4/3;overflow: hidden;background: white;position: relative;}
.imgCardPoste::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;opacity: 0;transition-property: all;transition-duration: 0.3s;transition-timing-function: ease-in-out;}
.cardPoste:hover .imgCardPoste::after{opacity: 0.4;}
.cardPoste:hover .voir{opacity: 1;}
.imgCardPoste img {-o-object-fit: cover;object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lieuPoste{color: rgba(var(--couleur-principale), .6);font-size: 1.2rem;font-weight: 500; display: block;padding-top: 2rem;}
.titlePoste{font-size: 2rem;font-weight: 600;padding: 1.5rem 0;display: block;color: rgba(var(--couleur-principale), 1);border-bottom: 1.5px solid rgb(216, 216, 216);}
.linkPoste{display: flex;align-items: center;gap: 8px;padding: .5rem .9rem;color: rgb(var(--couleur-secondaire));font-size: 1.5rem;margin-top: .6rem;}
.linkPoste::after {content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;cursor: pointer;z-index: 9;}

.txtActu p:first-of-type {font-weight: 300;}

.infosPoste {
    color: rgba(32, 34, 58, 0.6);
    color: rgba(var(--couleur-principale), .6);
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    text-align: center;
  }