*{ margin: 0; padding: 0; box-sizing: border-box; }

.uk-cadre {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}

a:hover {
	color: #000;
}

.arianne {
	background-color: #ececec;
}

.line{
	position: absolute;
	top: 200px;
	max-width: 500px;
}

.contact {
	text-align: center;
	padding: 10px 0px;
}

.uk-icon-link {
    color: #000;
}

.ball{
	width: 50px;
	height: 50px;
	margin: 0 0 0 -25px;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	display: inline-block;
	top: 10px; left: 50%;
	animation: ball 1s infinite; 
}

@keyframes ball {
  0%   { top: 6px; }
  5%   { top: 8px; }
	10%  { top: 12px; }
	15%  { top: 20px; }
	20%  { top: 38px; }
	25%  { top: 72px; }
	30%  { top: 100px; }
	35%  { top: 152px; }
	40%  { top: 154px; height: 46px; width: 54px; margin-left: -27px; }
	// 45%  { top: 160px; height: 40px; width: 60px; margin-left: -30px; }
	50%  { top: 176px; height: 24px; width: 72px; margin-left: -36px; }
	55%  { top: 162px; height: 38px; width: 58px; margin-left: -29px; }
	60%  { top: 138px; height: 48px; width: 52px; margin-left: -26px; }
	65%  { top: 110px; height: 50px; width: 50px; }
	70%  { top: 72px; }
	75%  { top: 38px; }
	80%  { top: 20px; }
	85%  { top: 12px; }
	90%  { top: 8px; }
	95%  { top: 5px; }
	100% { top: 5px; }
}