body {
	background-color:#9cf;
	margin:0;
}
div.bouton {
	text-align:center;
}
div.bouton>a {
	font-family: verdana;
	font-size: 5em;
	font-weight:bold;
	display: block;
	margin:0 auto;
	width: 6em;
	height: 2em;
	line-height: 1em;
	padding: 2em 0;
	background-color: #F00;
	border-radius: 50%;
	background-image:linear-gradient(135deg, rgba(255,255,255,.8) 15%, rgba(255,255,255,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,.3) 85%);
	box-shadow: .5em .5em .5em rgba(255,255,255,.3) inset, -.5em -.5em .5em rgba(0,0,0,.2) inset, .1em .1em .1em rgba(255,255,255,.5), -.1em -.1em .1em rgba(0,0,0,.3);
	text-shadow: -.05em -.05em .05em rgba(0,0,0,.5);
	color:white;
	text-decoration: none;
	text-transform: uppercase;
}

div.bouton>a:hover {
	color:yellow;
	background-color: #C00;
}
*.exemple {
	
}
*.code {
	font-family: monospace;
	background-color: #EEE;
}
input#href {
	font-size:2em;
	width:90%;
	box-sizing: padding-box;
	display: block;
	margin:.5em auto 2em;
}
div#loinenbas {
	margin-top: 100em;
	font-size:3em;
	background-color:dodgerblue;
	padding:1em 0 100em;
	color:white;
	text-align:center;
}
div#fond {
	margin-top: 0em;
	font-size:3em;
	background-color:brown;
	padding:1em 0 10em;
	color:white;
	text-align:center;
}