/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/


                                                        /* code de la zone 0 banniere */
    
.zone0 {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 50px;
    background-image: linear-gradient(120deg, #f8f8f8 0%, #ffffff 100%);
    padding-top: 100px;
} 

.formulaire{
    margin-bottom: 50px;
    max-width: 500px;
    height: 500px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px;
    border-radius:5px;
    text-align: center;
    box-shadow: 0 0 0.5em rgb(240, 240, 240);
}

form .form-control{
    width: 350px;
    padding: 10px;
    font-size: 12px;
    color: gray;
}
form .btn{
    width: 350px;
    height: 30px;
    background-color: rgb(33, 124, 228);
    color: white;
    border: none;
    border-radius: 5px;
}
form .btn:hover{
    cursor: pointer;
    background-color: rgb(41, 132, 236);
}
form input{
    border:1px solid rgb(100, 100, 100);
    border-radius: 5px;
    font-family: arial;
    font-weight: bold;
}
form input::placeholder{
    font-weight: bold;
    color: rgb(138, 138, 138);
    font-family: arial;
}

form textarea{
    border: none;
    border-radius: 5px;
    border:1px solid rgb(100, 100, 100);
    color: gray;
    font-weight: bold;
    font-family: arial;
}
form textarea::placeholder{
    font-weight: bold;
    color: rgb(138, 138, 138);
    font-family: arial;
}

.danger{
    color: red;
    font-size: 12px;
    font-family: 'calibri';
}
.success{
    color: rgb(0, 145, 0);
    font-size: 12px;
    font-family: 'calibri';
}
 

                                                        /* code responsive */
@media only screen and (max-width:800px){
                                                            /* code de la zone 0 banniere */
    
.zone0 {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    background-image: linear-gradient(120deg, #f8f8f8 0%, #ffffff 100%);
    padding-top: 100px;
} 

.formulaire{
    max-width: 320px;
    height: 500px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px;
    border-radius:5px;
    text-align: center;
    box-shadow: 0 0 0.5em rgb(240, 240, 240);
}

form .form-control{
    width: 300px;
    padding: 10px;
    font-size: 12px;
    color: gray;
}
form .btn{
    width: 300px;
    height: 30px;
    background-color: rgb(33, 124, 228);
    color: white;
    border: none;
    border-radius: 5px;
}
form .btn:hover{
    cursor: pointer;
    background-color: rgb(41, 132, 236);
}
form input{
    border:1px solid rgb(100, 100, 100);
    border-radius: 5px;
    font-family: arial;
    font-weight: bold;
}
form input::placeholder{
    font-weight: bold;
    color: rgb(138, 138, 138);
    font-family: arial;
}

form textarea{
    border: none;
    border-radius: 5px;
    border:1px solid rgb(100, 100, 100);
}
form textarea::placeholder{
    font-weight: bold;
    color: rgb(138, 138, 138);
    font-family: arial;
}


.alert{
    color: rgb(0, 145, 0);
}
 
   
    
}