.card-recensement{
                display: flex;
        flex-direction: column;
        width: 260px;
         transition: 0.5s;
    }

    .card-recensement-canon{
       
        display: flex;
        flex-direction: column;
        width: 260px;
        border: solid #800000;
         transition: 0.5s;

    }

    .card-recensement-semi-canon {
          display: flex;
        flex-direction: column;
        width: 260px;
        border: solid #82820F;
         transition: 0.5s;

    }

        .card-recensement-non-canon {
          display: flex;
        flex-direction: column;
        width: 260px;
        border: solid #272727;
         transition: 0.5s;

    }

    .div-recensement {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
         gap: 15px;
     justify-content: center;
        max-width: 100%;

    }


.card-recensement-semi-canon:hover {
    scale: 1.02;
    cursor: pointer;
    transition: 0.5s;
    border: solid #e0e01d;
    box-shadow: 0px 2px 26px 0px rgba(224, 224, 29, 0.72);
    -webkit-box-shadow: 0px 2px 26px 0px rgba(224, 224, 29, 0.72);
}
.card-recensement-non-canon:hover {
    scale: 1.02;
    cursor: pointer;
    transition: 0.5s;
    border: solid #555555;
    box-shadow: 0px 2px 26px 0px rgba(85, 85, 85, 0.72);
    -webkit-box-shadow: 0px 2px 26px 0px rgba(85, 85, 85, 0.72);
}


    .card-recensement-canon:hover
    {
     
        scale: 1.02;
        cursor: pointer;
        transition: 0.5s;
        border: solid #ec2d2d;
        box-shadow: 0px 2px 26px 0px rgba(216, 54, 54, 0.72); 
-webkit-box-shadow: 0px 2px 26px 0px rgba(236, 58, 58, 0.72);
    }
   

    .nom-recensement {
        text-align: center;
        font-size: 25px;
        font-weight: bolder;
        color: #D32F2F; 
    }

    .description-recensement {
     color: white;
     font-size: 18px;
     padding: 5px;
    }

    .a-recensement {
        text-decoration: none;
    }
    .img-recensement {
          height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    }