/* OK */
body {
	background: url("../img/fond.png") repeat;
	margin: 0px;
	overflow: hidden;
	font-family: "arialRounded";
	font-size: 3vh;	
}

#main {
	width: 100%;
	height: 100%;
	background-image: url("../img/guirlande.png"), url("../img/indexPlantes.png");
	background-position: center top, left bottom;
	background-size:  auto 10vh, auto 30vh;
	background-repeat: no-repeat, no-repeat;
	overflow: hidden;
}

#points {
	text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;    
    padding-bottom: 4vh;
}

#points img {
	height: 2.5vh;
}

#pourCentrer {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 50vh;	
	width: 100%;
}

#countdown {
	position: absolute;
	font-family: "brusher";
	font-size: 6vh;	
	text-align: center;
	width: 100%;
	height: 40vh;	
	/* position: relative; */
	top: 0px;
	/* float: left; */
}

#countdown img {
	height: 4vh;
}
#login {
	width: 100%;
	text-align: center;
	font-family: "courrier";
	font-size: 3vh;	
	font-style: normal;
	padding-top: 40vh;
	
}

#pancarte {
	/* padding-top: 30vh; */
	position: absolute;
	width: 100%;
	height: 40vh;
	text-align: center;
	/* position: relative; */
	top: 0px;
	/* float: left; */
	
}

#pancarte img {
	height: 30vh;
	margin-top: 0vh;
	margin-bottom: 10vh;
	width: auto;

}

.fadeOut {	
	animation: bounceOutRight; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; 
	animation-delay: 0s;
	animation-fill-mode: forwards;
	
	
}

.fadeIn {
	animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; 
	animation-delay: 0s;
	
}

.cacher {
	display: none;
}

input[type="text"] {
	margin-top: 1vh;
    font-size: 3vh;
	height: 4vh;
}


/* Polices persos */
@font-face {
    font-family: 'brusher';
    src: url('../fonts/brusher-webfont.woff2') format('woff2'),
         url('../fonts/brusher-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'courrier';
    src: url('../fonts/courrier.ttf') format("truetype");         
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'arialRounded';
    src: url('../fonts/arial_rounded.ttf') format("truetype");         
    font-weight: normal;
    font-style: normal;
}


/* Gestion IE */
#navIE {
	text-align: center;
	padding-top: 45vh;
}

a, a:visited {
	color: #5a547f;
	text-decoration: none;
}

a:hover {
	color: #7a877d;
	text-decoration: underline;
}