#D-annee {
    color: rgb(0, 0, 0);
    font-family: 'Helvetica Black';
    font-size: 80px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 40px;
    letter-spacing: -5px;
}

.D-design {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.D-design img {
    width: 500px;
    height: auto;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.D-design img:hover {
    transform: scale(1.05); /* Agrandissement */
}

@media screen and (min-width : 1910px) and (max-width : 2549px) {
    .D-design img {
        width: 757px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }

    #D-annee { font-size: 120px ; letter-spacing: -7px;}
}

@media screen and (min-width : 2550px) and (max-width : 2700px) {
    .D-design img {
        width: 1006px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }

    #D-annee { font-size: 161px ;}
}

@media screen and (min-width : 1526px) and (max-width : 1909px) {
    .D-design img {
        width: 603px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }

    #D-annee { font-size: 96px ;}
}

@media screen and (min-width : 1440px) and (max-width : 1525px) {
    .D-design img {
        width: 569px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }

    #D-annee { font-size: 91px ;}
}

@media screen and (min-width : 1356px) and (max-width : 1439px) {
    .D-design img {
        width: 536px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }

    #D-annee { font-size: 85px ;}
}

@media screen and (min-width : 1014px) and (max-width : 1150px) {
    .D-design img {
        width: 402px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }
    #D-annee { font-size: 64px ;}
}

@media screen and (min-width : 758px) and (max-width : 1013px) {
    .D-design img {
        width: 301px; /* Arrondi à l'entier le plus proche */
        height: auto;
        transition: transform 0.3s ease-in-out;
        cursor: pointer;
    }
    #D-annee { font-size: 48px ;}
}