.lettercolorA
		{
			color:green;
		}
		.lettercolorB
		{
			color:red;
		}
		
		

		.navbar-black
		{
			background-color:#000;
		}
		.navbar-nav
		{
			#color:#AAA;
		}
		.navbar-nav:hover
		{
			#color:#DDD;
		}
		.nav-item
		{
			text-align:center;
			margin-right:2%;
		}
		.navbar-brand
		{
			font-size:xx-large;
			font-weight:bold;
		}
		.nav-link
		{
			font-weight:bold;
		}
		#exit
		{
			color:#ff5a52;
		}
		#exit:hover
		{
			color:#ff261b;
		}
		#gcoinsplus
		{
			color:#FFD700;
		}
		#gcoinsplus:hover
		{
			color:#ff261b;
		}
		#RGPGCOOKIE
		{
			position:fixed;
			bottom:0;
			z-index:1;
			width:100%;
			margin-bottom:0;
		}
		#dashbord
		{
			max-width:800px;
			min-width:400px;
			min-height:50px;
			display:flex;
			margin:auto;
			margin-bottom:1%;
			justify-content: center;
			border-radius: 1px 0px 200px 200px;
			-moz-border-radius: 1px 0px 200px 200px;
			-webkit-border-radius: 1px 0px 200px 200px;
			color:#000;
			font-size:large;
			text-align:center;
			background-color:#FFD700;
		}
		#dashbord article
		{
			padding-top:1%;
			width:200px;
			height:50px;
			margin:auto;
		}
		.button_reload
		{
			background-color:black;
			font-weight:bold;
			color:white;
			border:solid #000 3px;
		}
		.button_reload:hover
		{
			background-color:#FFD700;
			color:black;
		}
		.button_reload_disabled
		{
			background-color:black;
			font-size:small;
			max-width:200px;
			color:white;
			border:none;
			cursor: not-allowed;
		}
		footer .nav-link
		{
			color:black;
		}
		/* Texte défilant */

 
/* ---------------------------- */
/* Défilement de droite à gauche */
.marquee-rtl {
  overflow: hidden; /* important */
  width:100%; max-width: 30em; /* A ADAPTER */
}
.marquee-rtl > div {
  display: inline-block; /* important */
  white-space: nowrap; /* important */
  animation: defilement-rtl 15s infinite linear; /* défilement */
  cursor: pointer;
  padding: 10px 2em 10px 100%;
}
.marquee-rtl:hover > div {
  animation-play-state: paused; /* met en pause le défilement */
}
.marquee-rtl > div:first-letter {
  font-weight: 700;
  color: #F00;
}
@keyframes defilement-rtl {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}
/* ---------------------------- */
/* texte sur plusieurs lignes automatiquement */
.marquee-multi-lignes > div { 
  width:90%; 
  white-space: normal; /* important */
}

/* ---------------------------- */
/* déco */
h2, p { text-align:center; }

.marquee-rtl {
  margin: 0em auto;
  border: none;
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}
.marquee-rtl > div {
  font-size: 1.5em;
}