html,body {width: 100%; height:100%; background: #f1f1f1; overflow: hidden; font-family: 'Garet-Regular'; color: #000; font-size: 20px;}

body
{
    background: url(../images/background_section_1.jpg) no-repeat; 
    background-size: cover;
}

h2
{
    font-weight: normal;
    font-family: 'Garet-ExtraBold';
    color: #BE006E;
    font-size: 35px;
    border-bottom: 1px solid #BE006E; 
    margin-bottom: 25px;
}

.header-right {position: absolute; right: 0;}

.panel-login {display: inline-block; vertical-align: top; background: #BE006E; width: 420px; height: 100%; padding:20px 40px;} 
    .form-signin .titre {color:#fff; font-size:35px; font-family: 'Garet-ExtraBold'; padding-top: 200px;}

    .recoveryPassword a {cursor: pointer; color: #fff; font-size: 11px; font-family: 'Garet-Regular';}
        .recoveryPassword a:hover {text-decoration: underline;}

    .form-signin button[type="submit"], .form-signin input[type="submit"] {width: 100%; padding: 5px; font-family: 'Garet-ExtraBold'; color: #fff; 
        border: 1px solid #fff; border-radius: 30px; text-align: center; cursor: pointer; background: #BE006E;}
        .form-signin button[type="submit"]:hover, .form-signin input[type="submit"]:hover {background: #fff; color:#BE006E;}

        .form-signin .form-control {padding: 5px; background: none; border: none; border-bottom: 1px #fff solid; border-radius:0; font-size:16px; 
            font-family: 'Garet-RegularItalic';  color: #fff;}
            .form-signin .form-control:focus {z-index: 2; outline:none; box-shadow: none;}

        .form-signin ::placeholder {color: white; font-style:italic;}

    .login_error {color: #FA5528;}

    #lang_choice_1 {padding: 5px; margin: 10px; border: 0; font-size: 16px; font-family: 'Garet-Bold', sans-serif; border-radius: 35px; position: fixed; 
        right: 10px; z-index: 2000;
        text-transform: uppercase; vertical-align: sub; background-image: linear-gradient(to bottom, #FA5528 50%, #BE006E 50%); cursor:pointer; }


.container-login { display: inline-block; width: calc(100% - 440px); height:100%; vertical-align: middle;}
    .container-login-content {position: relative; height: 100%; width: 100%;}
    .container-login-right {background: #fff; border-radius: 25px; padding: 20px; background: #fff; width: 85%; position: absolute; top: 0; bottom: 0; left: 0; 
        right: 0; margin: auto; height: fit-content;}
    .carousel-inner {min-height: 300px; width: 100%; padding: 10px;}
    
    .container-news {font-size: 20px;}
        .news-content {width:100%;}

    .carousel-indicators {padding-bottom: 0;}
        .carousel-indicators li {background-color: #BE006E;}