/* ***************************** Formulaire contact, login, inscription *******************************/
.formulaire {
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 500px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
}

@media(max-width:650px) {
    .formulaire {
        max-width: 85%;
    }
}

.formulaire input[type="text"],
.formulaire input[type="password"],
.formulaire input[type="date"],
.formulaire input[type="datetime"],
.formulaire input[type="email"],
.formulaire input[type="number"],
.formulaire input[type="search"],
.formulaire input[type="time"],
.formulaire input[type="url"],
.formulaire textarea,
.formulaire select {
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 2%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}

.formulaire input[type="text"]:focus,
.formulaire input[type="email"]:focus,
.formulaire input[type="password"]:focus,
.formulaire textarea:focus,
.formulaire select:focus {
    -webkit-box-shadow: 0 0 5px #949494;
    box-shadow: 0 0 5px #000000;
    padding: 3%;
}

.formulaire input[type="submit"],
.formulaire input[type="button"] {
    width: 100%;
    padding: 3%;
    background: #949494;
    border-style: none;
    color: #fff;
}

.formulaire input[type="submit"]:hover,
.formulaire input[type="button"]:hover {
    background: #000000;
}

.formulaire label {
    color: #f87000 !important;
    
}
.formulaire input {margin-top: 10px;}


#inputPhoto,#inputPhotoSortie{color: black !important;}

/* ***********  formulaire login erreur *************************/
.erreur {
    margin-top: 0;
    margin-bottom:20px ;
    color: red;
}
/* ***************************** Fin formulaire login inscription*******************************/