.title{
    width:100%;
    text-align: center;
    margin-top: 3em;
}

p{
    text-align: left;
}



#gale{
    width: 35em;
    margin:auto;
    border-radius: 0.5em;
}




.bloc_videos{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

.videos{
    margin: auto;
    
}


h2{
    text-align: center;
}
@media screen and  (min-width: 350px) and (max-width:720px){
    .title{
        margin-top:5em;
    }

    #gale{
        margin:0;
        width:25em;
    }
    .bloc_photos{
        width:auto;
        display:block;
        margin-left: 12%;
     }
     .galery{
        width:100%;
        display:flex;
        flex-direction: row;
     }

     .galh{
        margin-right: 1em;
        margin-top: 1em;
     }

     #information{
        width:50%;
     }
}

@media screen and  (min-width: 720px) and (max-width:1000px){
 .title{
    margin-top:3em;
 }
 #information{
    width:50%;
 }

 .bloc_photos{
    display:block;
    margin-left: 20%;
 }
 .galery{
    width:80%;
    display:flex;
    flex-direction: row;
 }
 .galh{
    margin-right: 1em;
    margin-top: 1em;
 }
}

@media screen and  (min-width: 1000px) and (max-width:1450px){
    .vide{
        width:2%;
       /* display:none;*/
    }
}