html {
    /*box-sizing: border-box;*/
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    /*background-color: #fff;*/
    /*background-color: #cff1ea;*/
    /*background-color: #007bff;*/
    /*background-color: #D8ECF7;*/
    /*background-color: var(--background-general-color);*/
    /*Pour centrer sur horizontalement tout le bloc signin*/
    /*Pour centrer sur verticalement*/
    display: flex;
    justify-content: center;
    /*flex-direction: column;*/
    align-items: center;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: whitesmoke;
    /*border-color: #2d3034;*/
    border: #2d3034 solid 1px;
    border-radius: 15px;
    padding: 10px;
}

.appSiteTitle {
    font-stretch: extra-expanded;
    font-style: italic;
    /*color: #00649e;*/
    color: #606973;
    /*color: white;*/
}

body:not(form) {
    /*background-image: url('img/LT06282.jpg');*/
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    height: 100%;
}

.form-signin {
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
/*.form-signin input[type="email"] {*/
/*    margin-bottom: -1px;*/
/*    border-bottom-right-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/
.form-signin input {
    /*max-width: 1500px;*/
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}
.btn-block {
    display: block;
    width: 100%
}
.btn-primary {
    color: #fff;
    /*background-color: #007bff;*/
    /*border-color: #007bff*/
    background-color: #606973;
    border-color: #484f56;
}

.btn-primary:hover {
    color: #fff;
    background-color: #484f56;
    border-color: #484f56;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    background-color: #0069d9;
    background-image: none;
    border-color: #0062cc
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}
.form-control {
    /*display: block;*/
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control::placeholder {
    color: #868e96;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}
