#profil{
    width: 100%;
    border-radius: 1em;
}

.corp{
    display: flex;
}

.bloc_profil{
    margin-top:7%;
    width:25%;
    height: 32em;
    border: 4px solid navy;
    border-radius: 1em;
    text-align: center;
    margin-right: 2em;
}

.bloc_bateau{
    width: 75%;
    margin-top: 5%;
    text-align: center;
}

.photoFl{
    width:250px;
}

.photoProfil{
    margin-left: 10%;
    width: 80%;
}

.panel{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.title{
    width:100%;
}

.panel2{
    width:250px;
}

.fini{
    border: 3px solid navy;
    border-radius: 1em;
    margin-top: 1em;
   
}

.construction{
    border: 3px solid navy;
    border-radius: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media screen and  (min-width: 350px) and (max-width:810px){
    .corp{
        margin-top:3em;
        display: flex;
        flex-direction: column;
    }

    #profil{
       
        width: 350px;
    }

    .bloc_profil{
        width:100%;
        height:25em;
    }

    .bloc_bateau{
        width: 100%;
        margin-top: 5%;
        text-align: center;


    }
}