/* <div id="lignes">
  <div class="ligne_projet">
    <h3 class="h3-ligne">Titre</h3>
    <p class="p-ligne">Type</p>
    <p class="p-ligne">An</p>
  </div>
  <div id="img_projet"> <img src="img/arg_2_4.webp" alt=""></div>
</div> */

#lignes{
    width: 100%;
    height: 100%;
    padding: 30px;
    column-gap: 30px;
}

#lignes a{
    text-decoration: none;
}

.ligne_projet{
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 12px;
    border-bottom: 1px #212121 solid;
}

.h3-ligne{
    font-size: 24px;
    color: black;
    width: 100%;
    padding: 0;
    text-decoration: none;
}

.p-ligne{
    font-size: 24px;
    color: black;
    width: 40%;
    padding: 0;
    text-decoration: none;
}

.p-an{
    font-size: 24px;
    color: black;
    width: 40%;
    padding: 0;
    text-align: right;
    text-decoration: none;
}

.img_projet{
    display: flex;
    width: 100%;
    flex:1
}

.img_projet img{
    width: 100%;
    display: block;
}