/*************************************************************************/
/************************ Tous les écrans ********************************/

.form {
    list-style: none;
    margin-left: -50px;
}

.submit {
    width: 30%;
    border: none;
    height: 50px;
    margin-top: 50px;
    transition: all 700ms ease 0s;
    font-weight: bold;
    font-variant: small-caps;
}

.style1 .submit {    
    background-color: lightgray;
    color: rgba(0,101,181,1);
}

.style2 .submit {    
    background-color: lightgray;
    color: rgba(0,101,181,1);
}

.input {
    color: gray;
}

.select {
    width: 250px;
    
}

/*************************************************************************/
/**************************** Grand écran ********************************/

@media (min-width: 892px) {
    .style2 .submit:hover {
        background-color: white;
    }
    
    .style1 .submit:hover {
        background-color: rgba(0,101,181,1);
        color: white;
    }
    
}

/*** Demi-page ***/

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

/*************************************************************************/
/************************** Grands et moyens écrans **********************/

@media (min-width: 479px) {
    

}

/*************************************************************************/
/************************** Moyens écrans ********************************/

@media (min-width: 479px) and (max-width: 892px) {
    
}

/*************************************************************************/
/************************** Petits et moyens écrans **********************/

@media (max-width: 892px) {
    
}


/*************************************************************************/
/************************** Petits écrans ********************************/

@media (max-width: 479px) {
}stylec