html {
  scroll-behavior: smooth;
}

body {

	margin:0;
	padding:0;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}

#circle {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
	height: 150px;
}

.loader {
    width: calc(100% - 0px);
	height: calc(100% - 0px);
	border: 8px solid #331177;
	border-top: 8px solid #1a84fd;
	border-radius: 50%;
	animation: rotate 5s linear infinite;
}

@keyframes rotate {
100% {transform: rotate(360deg);}
}

.carte-centre {
	text-align: center;
}



.visible, .invisible {
  opacity: 0.0;
  transition: opacity 0.5s ease;
}
.visible {
  opacity: 1.0;
}