@import url("headerFooterText.css");

@media screen and (max-width:1270px) {
    
    /*#####   MODIF PROPRE A CETTE PAGE*   #####*/
    .banniereContact{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 2rem;
        padding-bottom: 20px;
    }
    
    #taille{
        font-size: 2.0rem;
        font-size: 20px;
    }

    #banniereContact{
        height: 20rem;
        height: 200px;
    }


}/*FIN MEDIA SCREEN*/

footer p{
    top: 10rem;
    top: 100px;
}

html{
    font-size: 62.5%;/*pour que 1rem=10px en taille de texte (par defaut, 16px=1rem)*/
}

*{ /*s'applique à toutes les balises sans exception */
font-family: 'Bahnschrift', 'Signika', Arial, Arial Black;
box-sizing: border-box;

}

body{
    background-color: white; 
    margin: 0rem;
    padding: 0rem;
    margin: 0px;
    padding: 0px;
}

a{
    text-decoration: none; /*code qui s'applique uniquement sur les <a>*/
    color:inherit;
}

/*###########################  MAIN ET FORMULAIRE  ###########################*/

main{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: red solid; */
    /* position: relative; */
}

main .banniereContact{
    margin-top: 25rem;
    margin-top: 250px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 25rem;
    height: 250px;
    justify-content: center;
    align-items: center;
    /* border: red solid; */
    background-color:#baeeff;
}

.bay{
    position: relative;
    top:2rem;
    top: 20px;
}


/*###########################  FORMULAIRE  ###########################*/

.formulaire {
    /* border: 5px black solid; */
    margin: 0rem 0rem 0rem 0rem;
    margin: 0px 0px 0px 0px;
    display: flex;
    align-content: center;
    justify-content: center;
    justify-items: center;
    min-width: 32rem;
    min-width: 320px;
    position: relative;
}
/* :required{
    background-color:#baeeff;
} */

.etatFormulaire{
    display: flex;
    height: 8rem;
    height: 80px;
    width: 100%;
    justify-content: center;
    /* color: rgb(17, 143, 17); */
    align-items: center;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    /* border: red solid; */
}