body {
	background-color: #77b5fe;
	background-image : radial-gradient(circle at 50% 400px, #abeff7 320px, #77b5fe 450px);
	background-repeat : no-repeat;
}
.bg-image {
	background: url("/images/planeteC.png") no-repeat center;
	background-size: contain;
	background-position: center;
	position: relative;
	/* max-width: fill-available;*/
	max-height: 800px;
	height: 800px;
	z-index: 4;
}
h2 {
	font-family: Rockwell, sans-serif;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: black;
	color: green;
	-webkit-text-stroke: 1px #F8F8F8;
	text-shadow: 0px 2px 4px #23430C;
}
.titre {
	display: block;
	margin: 0 auto;
	border: 5px solid blue;
	text-align: center;
	width: intrinsic;
/* Safari/WebKit utilisent un nom non-standard */
	width: -moz-max-content;
/* Firefox/Gecko */
	width: -webkit-max-content;
/* Chrome */
	/* align: center;*/
}

.email {
	display: block;
	margin: 0 auto;
	border: 2px solid green;
	padding: 1px;
	border-radius: 20px;
	text-align: center;
	font-size: 16px;
	color: #59d;
	width: intrinsic;
/* Safari/WebKit utilisent un nom non-standard */
	width: -moz-max-content;
/* Firefox/Gecko */
	width: -webkit-max-content;
/* Chrome */
}

/* rotation image fond */
@keyframes rotating {
from {
	transform: rotate(360deg);
}
to {
	transform: rotate(0deg);
}
}
.rotating {
	/* transform-origin: 50% 50%; */
	animation: rotating 90s linear infinite;
}