@charset "utf-8";
/* CSS Document */
body { background-color: #10c850;} 
a {text-decoration:none; color:white; font-weight:bold;}
caption {text-decoration:none; color:white; font-weight:bold;}
table {color:white; font-weight:bold}
#logo { position:absolute;  visibility:hidden; z-index:4 }
#nap { position:absolute; left:333px; top:333px; visibility:visible; z-index:3 }
#XV { position:absolute;  visibility:visible; z-index:4 }
#sous { position:absolute; visibility:visible; z-index:2 }
#navigate { position:absolute; visibility:hidden; z-index:3 }
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

@keyframes RollInLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(-2000px) rotate(0deg); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(170px) rotate(360deg); 
    } 
    80% { 
        transform: translateX(-5px) rotate(345deg); 
    } 
    100% { 
        transform: translateX(0) rotate(360deg) ; 
    } 
} 
@-webkit-keyframes RollInLeft { 
    0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateX(-2000px) rotate(0deg); 
    } 
    60% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateX(170px) rotate(360deg); 
    } 
    80% { 
        -webkit-transform: translateX(-5px) rotate(345deg); 
    } 
    100% { 
        -webkit-transform: translateX(0) rotate(360deg) ; 
    } 
} 

/*@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }*/

@keyframes droptopbounce { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
	0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    16% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    33% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	57% { 
        transform: translateY(0px) rotate(0deg); 
    }
	78% { 
        transform: translateY(-200px)  rotate(-10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    }
}
 
@-webkit-keyframes droptopbounce { 
   /* 0% { 
        opacity: 1; 
        transform: translateY(-1500px) rotate(0deg); 
    } 
    30% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    } 
    60% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    } */
		
	0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(-1500px) rotate(0deg); 
    } 
    16% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(0px) rotate(0deg); 
    } 
    33% { 
        -webkit-transform: translateY(-200px)  rotate(10deg); 
    } 
	57% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	78% { 
        -webkit-transform: translateY(-200px)  rotate(-10deg); 
    } 
	100% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
		/*-webkit-transform-style: preserve-3d; 
	-webkit-transform:translate3d(0,0,0) */
} 
 
 
 
 @keyframes dropit { 
   
	0% { 
        opacity: 1; 
        transform: translateY(0px) rotate(0deg); 
    }
	
    50% { 
        transform: translateY(-200px)  rotate(10deg); 
    } 
	 
	100% { 
        transform: translateY(0px) rotate(0deg); 
    }
} 
	 
@-webkit-keyframes dropit { 
   
	0% { 
        -webkit-opacity: 1; 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
	
    50% { 
        -webkit-transform: translateY(-200px)  rotate(10deg); 
    } 
	 
	100% { 
        -webkit-transform: translateY(0px) rotate(0deg); 
    }
		/*-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(0,0,0) */
} 
 
 
 
.animus{
    animation: RollInLeft 5.33s;
	-webkit-animation-name: RollInLeft; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 5.33s;

	/*-webkit-transform:translate3d(0,0,0);
	animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}

.drop{
    animation: droptopbounce 9s;
	-webkit-animation-name: droptopbounce; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 9.6s;
	
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}

/*.drop:hover {
    animation: dropit 9s;
	-webkit-animation-name: dropit; /* For Safari 6 - everything is spelled out to work 
    -webkit-animation-duration: 9.6s;
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;
}*/

.drop2{	
    animation: droptopbounce 6s;
	-webkit-animation-name: droptopbounce; /* For Safari 6 - everything is spelled out to work */
    -webkit-animation-duration: 7.8s;
	
	/*animation-iteration-count: 3;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-direction: alternate;*/
}