HTML, BODY { height: 100%; overflow: hidden; Background:transparent; -webkit-font-smoothing:antialiased; Font-Family: arial,verdana,helvetica,sans-serif; color: #000000; margin-top: 0px; margin-left: 0px; margin-right: 0px; }
#log { color: #ff0000; }
@-webkit-keyframes in_fade 		{ 0% { visibility: visible; opacity:0; }  								100% {visibility: visible; opacity:1; } }
@-webkit-keyframes out_fade 		{ 0% { visibility: visible; opacity:1; } 	99% {visibility: visible; opacity:0; } 	100% {visibility: hidden; opacity:0; } }
@-webkit-keyframes in_right 		{ 0% { visibility: visible; -webkit-transform: translateX(100%); } 		100% { -webkit-transform: translateX(0%); 	visibility: visible; } }
@-webkit-keyframes out_right 		{ 0% { visibility: visible; -webkit-transform: translateX(0%); } 		100% { -webkit-transform: translateX(100%); visibility: hidden; } }
@-webkit-keyframes in_left 		{ 0% { visibility: visible; -webkit-transform: translateX(-100%); } 	100% { -webkit-transform: translateX(0%); 	visibility: visible; } }
@-webkit-keyframes out_left 		{ 0% { visibility: visible; -webkit-transform: translateX(0%); } 		100% { -webkit-transform: translateX(-100%); visibility: hidden; } }
@-webkit-keyframes in_bottom 			{ 0% { visibility: visible; -webkit-transform: translateY(100%); } 		100% { -webkit-transform: translateY(0%); 	visibility: visible; } }
@-webkit-keyframes out_bottom 			{ 0% { visibility: visible; -webkit-transform: translateY(0%); } 		100% { -webkit-transform: translateY(100%); visibility: hidden; } }
@-webkit-keyframes in_top 			{ 0% { visibility: visible; -webkit-transform: translateY(-100%); } 	100% { -webkit-transform: translateY(0%);	visibility: visible; } }
@-webkit-keyframes out_top 		{ 0% { visibility: visible; -webkit-transform: translateY(0%); } 		100% { -webkit-transform: translateY(-100%); visibility: hidden; } }
@-webkit-keyframes in_horizontal 	{ 0% { visibility: visible; -webkit-transform: rotateY(90deg); } 		100% { -webkit-transform: rotateY(0deg); 	visibility: visible; } }
@-webkit-keyframes out_horizontal 	{ 0% { visibility: visible; -webkit-transform: rotateY(0deg); } 		100% { -webkit-transform: rotateY(90deg); 	visibility: hidden; } }
@-webkit-keyframes in_vertical 		{ 0% { visibility: visible; -webkit-transform: rotateX(90deg); } 		100% { -webkit-transform: rotateX(0deg); 	visibility: visible; } }
@-webkit-keyframes out_vertical 	{ 0% { visibility: visible; -webkit-transform: rotateX(0deg); } 		100% { -webkit-transform: rotateX(90deg); 	visibility: hidden; } }

@-webkit-keyframes in_horizontal_block 	{ 0% { visibility: visible; -webkit-transform: scaleX(0); } 		100% { -webkit-transform: scaleX(1); visibility: visible; } }
@-webkit-keyframes out_horizontal_block { 0% { visibility: visible; -webkit-transform: scaleX(1); } 		100% { -webkit-transform: scaleX(0); visibility: hidden; } }
@-webkit-keyframes in_vertical_block 	{ 0% { visibility: visible; -webkit-transform: scaleY(0); } 		100% { -webkit-transform: scaleY(1); visibility: visible; } }
@-webkit-keyframes out_vertical_block	{ 0% { visibility: visible; -webkit-transform: scaleY(1); } 		100% { -webkit-transform: scaleY(0); visibility: hidden; } }

@-webkit-keyframes in_scale 	{ 0% { visibility: visible; -webkit-transform: scale(0,0); } 		100% { -webkit-transform: scale(1,1); visibility: visible; } }
@-webkit-keyframes out_scale	{ 0% { visibility: visible; -webkit-transform: scale(1,1); } 		100% { -webkit-transform: scale(0,0); visibility: hidden; } }

.flex {
  display: -webkit-box;      /* ancient WebKit (rare) */
  display: -webkit-flex;     /* anciens prefix (au cas où) */
  display: flex;
  -webkit-box-align: center; /* ancien spec */
  -webkit-align-items: center;
  align-items: center;       /* vertical */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;   /* horizontal */
}