@media (min-width: 1440px) and (max-width: 1920px) {
    .enteteprof {
        display: flex;
        justify-content: space-between;
    }
    
    .accueilprof {    
        color: rgb(55, 99, 157);
        font-weight: bold;
        font-size: 2rem;
        margin: 2% 0 2% 5%;
    }
    
    .corpaccueilprof {
        display: flex;
    }
    
    .imageprof1 {
        width: 20rem;
        height: 20rem;
        margin: 2% 0 2% 5%;
        background-image: url("../images/prof1.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .descriaccueilprof {
        width: 65%;
        margin: 3% 5%;
        font-size: 25px;
    }
    
    .imageprof2 {
        width: 20rem;
        height: 20rem;
        margin: -10% 0 0 70%;
        background-image: url("../images/prof2.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .missionprof {
        color: rgb(55, 99, 157);
        font-weight: bold;
        font-size: 2rem;
        margin: -2% 0 2% 5%;
    }
    
    .descrimissionprof {
        font-size: 25px;
        margin: 10% 0 0 10%;
    }
    
    .imageprof3 {
        width: 20rem;
        height: 20rem;
        margin: 2% 0 2% 5%;
        background-image: url("../images/prof4.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .imageprof4 {
        width: 20rem;
        height: 20rem;
        margin: -2% 0 5% 25%;
        background-image: url("../images/prof3.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .descrimissionprof2 {
        font-size: 25px;
        margin: 10% 0 0 5%;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 577px) and (max-width: 767px) {
}

@media (max-width: 576px) {
    .enteteprof {
        display: block;
        margin-top: -25%;
    }
    .enteteprof a{
        margin-top: -10%;
    }
    
    .accueilprof {    
        color: rgb(55, 99, 157);
        font-weight: bold;
        font-size: 1rem;
        margin: 2% 0 2% 0%;
    }
    
    .corpaccueilprof {
        display: block;
    }
    
    .imageprof1 {
        width: 20rem;
        height: 20rem;
        margin: 2% 0 2% 0%;
        background-image: url("../images/prof1.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .descriaccueilprof {
        width: 100%;
        margin: 3% 0%;
        font-size: 15px;
    }
    
    .imageprof2 {
        width: 20rem;
        height: 20rem;
        margin: 0% 0 3% 0%;
        background-image: url("../images/prof2.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .missionprof {
        color: rgb(55, 99, 157);
        font-weight: bold;
        font-size: 1rem;
        margin: -2% 0 2% 0%;
    }
    
    .descrimissionprof {
        font-size: 15px;
        margin: 10% 0 0 0%;
    }
    
    .imageprof3 {
        width: 20rem;
        height: 20rem;
        margin: 2% 0 2% 0%;
        background-image: url("../images/prof4.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .imageprof4 {
        width: 20rem;
        height: 20rem;
        margin: 0% 0 5% 0%;
        background-image: url("../images/prof3.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .descrimissionprof2 {
        font-size: 15px;
        margin: 10% 0 0 0%;
    }
}