
h1 {
    display: none;
    /*Font size à déterminse*/
}


#corps{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

section {
    height: 74vh;
    /*background-color: brown;*/
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-left: 45px;
    margin-top: 21vh;
 }

#gauche{
    /*background-color: aquamarine;*/
    width: 40%;
    height: 69%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 4vh;
}

#gauche p{
    margin-left: 50px;
    margin-right: 94px;
    
}

#adresse:hover{
    color: var(--schpoum)
}



#droite{
    /*background-color: beige;*/
    display: flex;
    align-items: center;
    width: 50%;
    margin-top: 20px;
}


#petit-contact{
    /*background-color: aqua;*/
    width: 400px;
}


.socials img {
    width: 25px;
    margin-right: 15px;
    
}
.socials{    
    margin-left: 50px;
}



/* --------- MOBILE ----------*/

@media screen and (max-width:1300px) {
    
    
    #titre{
        font-size: xx-large;
    }
    
    #corps{
    height: 220vh;
    display: flex;
    justify-content: space-between;
    align-items:baseline;
}
    
    section{
        flex-direction: column;
        height: 95%;
        margin-top: 0;
        width: 100%;
    }
    
    
    #gauche{
    /*background-color: aquamarine;*/
    width: 100%;
    height: 63%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 8vh;
}
    
    #gauche p{
    margin-left: 8px;
    margin-right: 54px;
    
}
    
    #droite{
    /*background-color: beige;*/
    display: flex;
    align-items: center;
    width: 89%;
    height: 107%;
    margin-bottom: 17px;
    margin-left: -1%;
}
    
    #bouton-form{
        width: 100%;
    }

    
}


