.spn_stat
	{
	Position:absolute;
	top: -10px;
	left:-10px;
	height: 100px;
	width:100px;	
	border-style:solid;
	border-color:red;
	border-width:0px;
  transform:scale(0.64);	
	z-index: 11111
}


/* Spinner de la page de chargement */
.spn_page1
{
	
}

/* Spinner de la page Ham Map */
.spn_page2
{
	Position:relative;
	top: -52px;
	left:1262px;
	height:80px;
	width:80px;		
  border-style:solid;
	border-color:red;
	border-width:0px;
}

.spn_0 
	{
	Position:absolute;
	top: -60px;
	left:-60px;
	width:200px;
	height:200px;	
	border-radius:500px;
  transform:scale(0.4);	
 }

.spn_page2:hover 	{	top: -62px;	left:1300px;	transform:scale(2);	 }
/****************************************************/

.fond_ext /* Mappemonde*/ 
{
	Position:absolute;
	top: -1px;
	left: -1px;
	width:210px;
	height:210px;
	border-radius:400px;
	opacity:1;
	animation: HM1 15s linear infinite;
	
}

.HM {width:200px;background:cyan;border-radius:1000px}

@keyframes HM1
{
	0%			{opacity:1}
	50%			{opacity:0}
	100%		{opacity:1}
	}

.cnts
	{
	Position:absolute;
	top: 3px;
	left: 5px;
	height: 200px;
	width: 200px;
  border-radius:120px;
	animation: cartes 15s linear infinite;
  opacity:1;
}

@keyframes cartes
{
   0%			{transform:scale(0)      rotate(0deg);   opacity:0}
	47%			{transform:scale(1.07)   rotate(360deg); opacity:1}
	53%			{transform:scale(1.07)   rotate(360deg); opacity:1}
	100%		{transform:scale(0)	     rotate(-1000deg); opacity:0}
	}

/* Texte  */
.c5	
	{
	position:absolute;	
	top:150px;
	left: 45px;
	font-size:14px;
  text-align:center;
  width:109px;
	height:20px;	
	font-family:Mochiy Pop One;
	font-weight:bold;
  text-align:center;
	color:#020395;
  opacity:1;
	border-style:solid	;
	border-radius:5px;	
	border-width:0px;	
	background: linear-gradient(to right, blue, white, red);
		
}
.c6	
	{
	position:absolute;	
	top:170px;
	left: 0px;
	font-size:4px;
  text-align:center;
  width:199px;
	height:68px;	
	font-family:Mochiy Pop One;
	font-weight:bold;
  text-align:center;
	color:black;
  opacity:0;
}