/* CSS Document */

body{
	background-color:grey;
}

#ball {
	height:825px;
	width:400px;
	background-color:grey;
	margin:auto;
	padding:20px;
}

#ball_top {
	height:200px;
	width:400px;
	border-bottom:solid 25px black;
	background-color:red;
	text-align:center;
	border-radius:200px 200px 0 0;
}

#ball_mid {
	position:relative;
	top:-60px;
	display:block;
	height:70px;
	width:70px;
	margin:auto;
	background-color:white;
	border:15px black solid;
	box-shadow:0px 0px 5px black;
	border-radius:50px;
	z-index:1;
}

#espace {
	position:relative;
	top:-100px;
	margin-right:10px;
	margin-left:10px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	overflow:hidden;
}

#ball_mid:hover + #espace {
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#ball_bot {
	position:relative;
	top:-100px;
	height:200px;
	background-color:white;
	border-radius:0 0 200px 200px;
}

nav {
	position:absolute;
	top:200px;
	left:0px;
	padding:20px;
	background-color:lightgrey;
	margin:50px;
}
nav a {
	display:block;
	height:50px;
	width:50px;
	margin:10px;
	border:3px solid lightgrey;
}
nav a:hover { border:3px solid grey; }