.image-bg-home-body {
    background-color: var(--oyc-background-color);
}

.image-bg-home-fr {
    background: url(../Images/home-fr-2024.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    background-color: var(--oyc-background-color);
    height: 900px;
    padding: 0px;
    margin: 0px;
}

.image-bg-home-en {
    background: url(../Images/home-en-2024.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    background-color: rgb(34, 73, 128);
    height: 900px;
    padding: 0px;
    margin: 0px;
}


.image-bg-home-teaser {
    background: url(../Images/home-fr-teaser-2024.png) no-repeat top center scroll;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% auto;
    background-color: rgb(34, 73, 128);
    height: 900px;
    padding: 0px;
    margin: 0px;
}

.image-bg-home-unavailable-en {
    background: url(../Images/home-en-teaser-2024.png) no-repeat top center scroll;
    background-position: top;
    background-size: 100% auto;
    background-color: rgb(34, 73, 128);
    height: 900px;
    padding: 0px;
    margin: 0px;
    height: 900px;
    padding: 0px;
    margin: 0px;
}


.tbConnection {
    position: absolute;
    top: 40%;
    left: 65%;
    width: 200px;
}

.tbConnection_teaser {
    position: absolute;
    top: 310px;
    left: 60%;
    width: 335px;
}

.lang {
    font-size: 10px;
    color: rgb(255 255 255);
}

    .lang a:visited {
        color: rgb(255 255 255);
    }

.btn-connection {
    background-color: var(--oyc-btn-connexion-color);
}

.btn-signup {
    background-color: var(--oyc-btn-signup-color);
}

    .btn-signup:hover {
        background-color: var(--oyc-btn-signup-hover-color);
    }

.form-group {
    vertical-align: bottom !important;
}

.forget-password {
    text-align: right;
    vertical-align: top;
}

    .forget-password a:visited,
    .forget-password a:link {
        color: var(--oyc-forget-password-link-color);
    }

@media screen and (max-width: 992px) {
    /*.image-bg-home {
        background: url(../Images/home-fr-mobile-2024.png) no-repeat top center scroll;
		height: 900px;
        padding: 0px;
        margin: 0px;
    }

    .image-bg-home-en {
        background: url(../Images/home-en-mobile-2024.png) no-repeat top center scroll;
        height: 900px;
        padding: 0px;
        margin: 0px;
    }*/

    .tbConnection {
        top: 59%;
		left: 60%;
    }

    .tbConnection_teaser {
        left: 70%;
        width: 200px;
    }
}



@media screen and (max-width: 768px) {
    .image-bg-home-body {
        background-color: var(--oyc-mobile-background-color);
    }

    .tbConnection {
        left: 40%;
        left: 20%;
        padding: 40px;
        width: 260px;
    }

    .image-bg-home-fr {
        background: url(../Images/home-fr-mobile-2024.png) 50% 10px no-repeat scroll;
        height: 600px;
    }

    .image-bg-home-en {
        background-image: url(../Images/home-en-mobile-2024.png);
        background-color: white;
        height: 600px;
    }
}