:root {
    --mdc-theme-body: #AEE4FF;
    --cas-theme-primary: #CF2C29;
    --cas-theme-button-bg-hover: #FF1B18
}
body {
    background-image: url("/cas/images/background-84eb238be5f38a472d624c73f5df8dd8.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.mdc-card {
    background: rgba(255, 255, 255, 0);
	color:white;
}

.row .mdc-card { /*connexion reussi*/
	background: rgba(255, 255, 255, 1);
	color:black;
}
section#usernameSection {
    background: rgba(255, 255, 255, 1);
}
section#passwordSection {
    background: rgba(255, 255, 255, 1);
}
.w-100 {	/*logout*/
	background: rgba(255, 255, 255, 1);
	color:black;
}
.sidebar-content {
    font-weight: bold;
	color:white;
    background: rgba(0, 0, 0, 0.5);
}
.sidebar-content a:link {
	color:white;
}
.mdc-form-field {	/* label */
	background: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}
.mdc-text-field-helper-line {
	visibility:hidden;
	height:0px;
}
.mdc-button__label {	/* bouton se connecter */
	font-weight: bold;
}
div#content {
	box-shadow: 0px 0px 0px #000;
}
@media (min-height: 800px) {
    #main-content {
        margin-top: 150px
    }
}
@media (min-width: 850px) {
    #main-content {
        width: 800px
    }
}
#loginForm #submitBtn {
    height: 50px
}
@media (min-width: 850px) {
    #loginForm #submitBtn {
        margin-left: 30px;
        margin-right: 30px;
        width: 640px
    }
}
#fm1 .text-center {
    background-color: #CF2C29;
    color: white;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px
}
#logo {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 100px;
    width: 100px;
}
#serviceui {
    display: none !important;
}
#termsOfUse {
    display: none !important;
}