/*LOGIN PART*/

.bloc-description {
    z-index: 999;
    color: white;
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 40%;
}
.bloc-description img {
    width:20em;
    margin: 0 0 -20px 0;
}
@media (max-width: 767px) {
    .bloc-description {
        display: none;
    }
    .login-register,
    .login-sidebar {
        position: inherit;
    }
    .login-box {
        display: block;
    }
}

.desc-wrapper {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.desc-wrapper p {
    color: #8d9ea7;
    margin: 0 0 25px 22px;
    font-size: 14px;
}

blockquote {
    font-size: 16px;
    margin: 0 0 0 22px;
    border: none;
    border-left: 2px solid #228c48 !important;
    /*background: rgb(34,140,72);*/
    /*background: linear-gradient(90deg, rgba(34,140,72,1) 0%, rgba(41,41,0,0.37) 35%, rgba(0,0,0,0.66) 100%);*/
    background: rgb(0,85,31);
    background: linear-gradient(90deg, rgba(0,85,31,0.12) 0%, rgba(41,41,0,0.12) 59%, rgba(0,0,0,0) 100%);
}

blockquote.blockquote-login {
    max-width: 100rem;
    margin: 0 0 0 22px;
}

/*CGU PART*/

body.description {
    background-color: #edf1f5;
    height: 100vh;
}

.description h1 {
    margin-top: 5rem;
}

.description .credit {
    margin-top: 15px;
    font-size: 10px;
}

h1 a {
    margin-left: 1rem;
}


/* english link accueil */

.en-wrapper {
    margin: 0 auto;
    display: table;
}
.en-wrapper img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 13px;
    width: 15px;
    margin-right: .5em;
}
.en-wrapper img.fr {
    height: 21px;
}
a.see-english {
    color: grey;
    font-size: 12px;
}
a.see-english:hover {
    text-decoration: underline;
}




.login-box {
    min-height: 100vh;
    background: #000000a1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.login-box .white-box {
    /*margin: 10em 0 8em;*/
    margin: 0 0 30px 2px;
    padding: 2em;
    /*background-color: #000000;*/
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    box-shadow: 0 0 50px -10px #000000;
    /*background: #ffffff0d;*/
    background: linear-gradient(
            90deg, rgba(0, 36, 9, .1) 0%,
            rgba(60, 121, 9, .1) 35%,
            rgba(254, 255, 0, .1) 100%
    );
}
.login-box .white-box:hover {
    /*-webkit-transition: all 50ms ease-in-out;*/
    /*-moz-transition: all 50ms ease-in-out;*/
    /*-o-transition: all 50ms ease-in-out;*/
    /*transition: all 50ms ease-in-out;*/
    box-shadow: 0 0 50px -26px #228c4850;
    background: linear-gradient(
            90deg, rgba(0, 36, 9, .2) 0%,
            rgba(60, 121, 9, .2) 35%,
            rgba(254, 255, 0, .2) 99.4%,
            rgba(254, 255, 0, 1) 100%
    );
}


.login-box p.text-success {
    color: #228c48;
    margin: 2em 0;
    font-size: 16px;
}

.login-box .form-group .alert-danger {
    margin: 0 0 2em 0;
    padding: 8px 0;
}

.login-box .form-group input {
    border-radius: 2em;
    font-size: 16px;
    background-color: #ffffff07;
    color: #d6df21;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
    background-image: linear-gradient(#d6df21, #d6df21), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}

.login-box .form-group .btn-success {
    background: #228c48;
    margin: 2em 0;
}

.login-box h4 {
    color: #8d9ea766;
    font-size: 14px;
    text-transform: uppercase;
}


.login-box .text-muted {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: .5;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.login-box .text-muted i {
    font-size: 26px;
    color: #228c48;
}
.login-box .text-muted span {
    color: #8d9ea7;
}
.login-box .text-muted span:hover {
    cursor: initial;
}

.login-box .text-muted:hover {
    opacity: 1;
    cursor: initial;
}

p.text-links {
    margin: 0 0 45px;
}

.text-link-bc {
    color: #d6df2150;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.text-link-bc:hover {
    color: #d6df21;
}

h4#ms-ls {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
h4#ms-ls.hlt {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #8d9ea7;
}

#passwrap {
    position: relative;
}

#seepass {
    position: absolute;
    top: 7px;
    right: 25px;
    opacity: .7;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

#seepass:hover {
    opacity: 1;
    cursor: pointer;
}



body.rgpd {
    /*background-color: red;*/
    background: linear-gradient(#12409a, #edf1f5 66%);
}
body.cgu #wrapper,
body.rgpd #wrapper {
    /*width: 100%;*/
    width: 75%;
    margin: 0 auto;
}
@media only screen and (max-width: 700px) {
    body.cgu #wrapper,
    body.rgpd #wrapper {
        width: 100%;
    }
}

.btn-cgu,
.btn-rgpd {
    margin: 0 auto;
    display: flex;
    width: fit-content;
    border-radius: 0 0 21px 21px;
}
.cgu h1.box-title,
.rgpd h1.box-title {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    position: relative;
}
.rgpd h1.box-title {
    color: white;
}
.rgpd h1 span {
    z-index: 1;
}
.rgpd h1 img {
    position: absolute;
    top: -35px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    z-index: 0;
    opacity: .3;
}
.cgu h1.box-title .subtitle {
    line-height: 1.5;
}
.cgu h1.box-title .subtitle,
.rgpd h1.box-title .subtitle {
    font-size: 14px;
}