@media only screen and (max-width: 720px) {

    body {
        font-size: 10pt;
    }

    h1 {
        font-size: 20px;
    }

    #content {
        flex-direction: column;
    }

    #images {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #nom {
        font-size: 30px;
    }

    #nom_inside {
        width: 100%;
    }

    #choix_langue {
        padding: 0;
        flex-direction: column;
        justify-content: flex-start;
    }

    #drapeau_fr {
        width: 48px;
        height: 32px;
    }

    #drapeau_en {
        width: 48px;
        height: 32px;
    }


    #logo_ens {
        width: 64px;
        height: 28px;
    }

    #logo_cnrs {

        width: 64px;
        height: 64px;
    }

    #logo_lip {
        width: 64px;
        height: 43px;
    }

    .lien_image {
        margin: 10px 10px;
        border-bottom-style: none;
    }

    .bloc_clair {
        padding: 0.5em 1em;
    }
    .bloc_sombre {
        padding: 0.5em 1em;
    }
}