a:link,a:visited,a:active {
	text-decoration:none;
	font-size: 75%;
	color:#000000;
}
a:hover {
	font-size: 100%;
	font-style: italic;
}
body {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.click_icon { 
	cursor:pointer;
}
.click_icon:hover {
        opacity:0.7;
}

#div_disable_authent {
	position:absolute;
	z-index:-1;
}
#div_haut {
	width:99%;
	height:15%;
}
#div_middle {
        width:99%;
        height:70%;
}
#div_bas {
        width:99%;
        height:15%;
}
#div_gauche {
	float:left;
	width:10%;
	height:100%;
}
#div_centre {
	float:left;
        width:70%;
        height:100%;
}
#div_droit {
	float:left;
        width:15%;
        height:100%;
}
#div_middle fieldset {
	height:95%;
}
#div_haut fieldset {
	height: 79%;
}
#div_bas fieldset {
        height: 79%;
}
#div_redirect {
	width:100%;
	height:20%;
	text_align:center;
}
#span_redirect {
  animation: pulse 2.5s infinite;
}

@keyframes pulse {
  0% {
   	opacity:0;
   	color: #001F3F;
  }
  100% {
	opacity:1;
    	color: #FF4136;
  }
}
#div_img > img { 
    width: 50%;
    height: 50%;
    position: absolute;
    top: 10%;
    left: 10%;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 18s linear infinite 0s;
    -moz-animation: imageAnimation 18s linear infinite 0s;
    -o-animation: imageAnimation 18s linear infinite 0s;
    -ms-animation: imageAnimation 18s linear infinite 0s;
    animation: imageAnimation 18s linear infinite 0s; 
}

#div_img > img:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#div_img > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/*
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
*/
@keyframes imageAnimation {
    0% { opacity: 0;animation-timing-function: ease-in; }
    22% { opacity: 1;animation-timing-function: ease-out; }
    100% { opacity: 0 }
}

