body { font-family: 'Montserrat', Helvetica, Arial, sans-serif; }

@media (min-width: 576px) { .container { max-width: 576px; } }
@media (min-width: 768px) { .container { max-width: 768px; } }
@media (min-width: 992px) { .container { max-width: 992px; } }
@media (min-width: 1200px) { .container { max-width: 1200px; } }

header .top-header { background-color: #016936; height: 50px; }
header .inner-header { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 0 0; }
header .logo { margin-bottom: 0; }
header .logo img { min-width: 100%; height: 50px; }
header .user-bloc { margin-bottom: 0; }
header .user-bloc .userName { font-weight: 600; margin-right: 5px; }
@media (min-width: 576px) { header .user-bloc .userName { margin-right: 10px; } }
header .user-bloc * { color: #fff; vertical-align: middle; }
header .user-bloc a { font-size: 14px; color: #fff; font-weight: 300; display: inline-block; }
header .user-bloc a:hover { text-decoration: none; }
header .user-bloc a:hover span { text-decoration: underline; }
header .user-bloc a i { font-size: 16px; font-weight: 400; vertical-align: middle; }
@media (min-width: 576px) { header .user-bloc a i { padding-right: 5px; } }
header .user-bloc a span { display: none; }
@media (min-width: 576px) { header .user-bloc a span { display: inline-block; } }
header .log-out { display: inline-block; }
header .log-out span { color: #fff; display: inline-block; }
header .log-out .userPhoto { margin-left: 10px; text-align: center; width: 40px; height: 40px; }
header .log-out .userPhoto img { background-color: #fff; border: 2px solid #ccc; border-radius: 50%; height: 40px; line-height: 36px; width: 40px; }
header .log-out img { display: inline-block; width: 20px; }
header .field-header { background-color: #fff; border-color: #ddd; border-style: solid; border-width: 1px 0; padding: 15px; }
header .field-header .inner-field-header { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; }
@media (min-width: 1200px) { header .field-header .inner-field-header { flex-wrap: nowrap; } }
header .field-header .styled-select { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; }
header .field-header .styled-select:empty { display: none; }
header .field-header .styled-select label { font-size: 13px; font-weight: 600; margin-right: 5px; margin-bottom: 0; width: 35%; }
header .field-header .styled-select select { border-radius: 3px; font-size: 14px; font-weight: 400; height: 34px; margin-bottom: 0; padding: 0 15px 0 5px; width: 65%; appearance: none; -webkit-appearance: none; }
header .field-header .styled-select select:focus { border-color: #016936; border-radius: 3px; box-shadow: 0 0 5px 0 #016936; outline: none; }
header .field-header .styled-select .custom-select { background: url(../img/telechargement.svg) no-repeat 98% center; background-size: 8px 10px; }

.map-bloc.card { border: none; border-radius: 0; }
.map-bloc .card-body { padding: 15px; }
.map-bloc .leaflet-right.leaflet-bottom { display: none; }
.map-bloc .wrap-btn { margin-bottom: 0; padding-top: 15px; text-align: right; }
.map-bloc .btn { background-color: #016936; border-color: #016936; cursor: pointer; }
.map-bloc .btn:focus { box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }
.map-bloc .btn:not(:disabled):not(.disabled).active, .map-bloc .btn:not(:disabled):not(.disabled):active, .map-bloc .btn:not(:disabled):not(.disabled).active:focus, .map-bloc .btn:not(:disabled):not(.disabled):active:focus { background-color: #016936; border-color: #016936; box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }

#map { height: 320px; }
@media (min-width: 640px) { #map { height: 480px; } }
@media (min-width: 992px) { #map { height: calc(100vh - 205px); } }

.login-bloc { margin-top: 25%; margin-top: 25vh; }
.login-bloc .logo { margin-bottom: 20px; }
.login-bloc .login-content { border-radius: 5px; border: 1px solid #ced4da; position: relative; margin: 0 auto; padding: 15px; text-align: center; -moz-transition: all 550ms ease-in-out; -o-transition: all 550ms ease-in-out; -webkit-transition: all 550ms ease-in-out; transition: all 550ms ease-in-out; width: 320px; }
.login-bloc .form-group .form-control { height: 34px; font-size: 16px; }
.login-bloc .form-group .form-control::-webkit-input-placeholder { color: #495057; }
.login-bloc .form-group .form-control::-moz-placeholder { color: #495057; }
.login-bloc .form-group .form-control:-ms-input-placeholder { color: #495057; }
.login-bloc .form-group .form-control:-moz-placeholder { color: #495057; }
.login-bloc .form-group .form-control:focus { border-color: #ced4da; box-shadow: none; }
.login-bloc .button_group { margin-bottom: 0; }
.login-bloc .btn { background-color: #016936; border-color: #016936; cursor: pointer; }
.login-bloc .btn:focus { box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }
.login-bloc .btn:not(:disabled):not(.disabled).active, .login-bloc .btn:not(:disabled):not(.disabled):active, .login-bloc .btn:not(:disabled):not(.disabled).active:focus, .login-bloc .btn:not(:disabled):not(.disabled):active:focus { background-color: #016936; border-color: #016936; box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }
.login-bloc .btn i { margin-right: 5px; }
.login-bloc #resultat { margin-top: 10px; }
.login-bloc #resultat .alert { font-size: 12px; margin-bottom: 10px; }
.login-bloc #resultat .alert.btn:focus { outline: none; }

.infosClient-bloc { max-width: 640px; margin: 5vh auto; padding: 20px 0; }
.infosClient-bloc h1 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
@media (min-width: 576px) { .infosClient-bloc h1 { font-size: 30px; margin: 0 0 20px; } }
.infosClient-bloc h2 { font-size: 16px; font-weight: 600; margin: 0; }
@media (min-width: 576px) { .infosClient-bloc h2 { font-size: 20px; } }
.infosClient-bloc .form-group { align-items: flex-start; }
.infosClient-bloc .form-group .form-control { font-size: 14px; height: 34px; }
.infosClient-bloc .form-group .form-control:focus { border-color: #016936; border-radius: 3px; box-shadow: 0 0 5px 0 #016936; }
.infosClient-bloc .form-group label { font-size: 14px; margin-bottom: 0; }
@media (min-width: 576px) { .infosClient-bloc .form-group label { padding-top: 6px; text-align: right; } }
.infosClient-bloc #errornum { margin-bottom: 0; margin-top: 5px; padding: .25rem .5rem; }
.infosClient-bloc #errornum:empty { display: none; }
.infosClient-bloc #errornum p { font-size: 14px; font-weight: 600; margin-bottom: 0; }
.infosClient-bloc .button_group { margin-bottom: 0; }
.infosClient-bloc .btn { background-color: #016936; border-color: #016936; cursor: pointer; }
.infosClient-bloc .btn:focus { box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }
.infosClient-bloc .btn:not(:disabled):not(.disabled).active, .infosClient-bloc .btn:not(:disabled):not(.disabled):active, .infosClient-bloc .btn:not(:disabled):not(.disabled).active:focus, .infosClient-bloc .btn:not(:disabled):not(.disabled):active:focus { background-color: #016936; border-color: #016936; box-shadow: 0 0 0 0.2rem rgba(1, 105, 54, 0.5); }
.infosClient-bloc .btn i { margin-right: 5px; }

/*# sourceMappingURL=styles.css.map */
