@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

#backgroundColorOrGradient {
	
	/* gradiant de fond, derrière l'image*/
	
	/*background-color: darkgray;*/
    background: linear-gradient(black, black ,firebrick, firebrick);
    background-size: 400% 400%;
    animation: gradient 30s ease infinite;
}

#backgroundImage {
	
	/* image de fond */
	/*background-image: url("Page Login Dynaopt v5.jpg");*/
	/*background-image: url("Page Login Dynaopt v6.png");*/
	background-repeat: no-repeat;
	background-position: center;
	background-clip: content-box;
	background-size: contain;
}

#formOffset {
	
	/* permet de décentrer la boite de login */
	padding-top: 0vh; 
	padding-bottom: 0vh; 
	
}