/* CSS Document */
header {
	background:lightgrey;
}
body { 
	padding:20px;
	background-color:#282828;
	background-image: -moz-linear-gradient(top, #282828, #383838);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#383838));
	background-image: -webkit-linear-gradient(top, #282828, #383838);
	background-attachment:fixed;
	text-align:center;
}
.box {
	display:inline-block;
	width:150px;
	height:150px;
	padding:15px;
	margin:20px;
	background-color:lightgrey;
	border-radius:100px;
	-webkit-transition: 0.2s all ease-in-out;
	-moz-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
}
.box:hover { 
	transform:rotate(5deg); 
	background-color:#888;
	-webkit-transition: 0.2s all ease-in-out;
	-moz-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out; 
}
img {
	height:150px;
	width:150px;
}
img { border-radius:75px; }

.contenu  { 
	height: 110px;
	width:70%; 
	background-color:grey; 
	margin:auto; 
	margin-top:40px;
	margin-bottom:40px;
	border-radius:150px;
	font-size:60px;
	line-height: 110px;
	box-shadow:0 0 5px black;
	overflow:hidden;
}
.contenu div {
	transition: .8s;
}
.contenu a {
	display:block;
	color:white;
	text-decoration:none; 
	text-shadow:0 0 2px black;
}
.contenu:hover { background-color:#888; }

footer, footer a { color:#282828; box-shadow:none; text-decoration:none; }
footer a:hover { color:#202020; }

@media screen and (max-width:1000px){
	ul { padding:0px; }
	ul a, img { height:90px; width:90px; margin:0; }
	ul li, ul a { padding:5px; }
	.contenu a { margin-top:10px; margin-bottom:0px; width:auto; padding:20px 0px; font-size:20px; }
	footer { display:none; }
}

/* **** */

[type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } 
#t1:checked ~ .contenu div { margin-top:0; }
#t2:checked ~ .contenu div { margin-top:-110px; }
#t3:checked ~ .contenu div { margin-top:-220px; }
#t4:checked ~ .contenu div { margin-top:-330px; }

#t1:checked ~ .box1, #t2:checked ~ .box2, #t3:checked ~ .box3, #t4:checked ~ .box4 
{ background-color:grey; }