/*		########################
		#    VERSION MOBILE    #
		########################
		<meta name="Date-Creation-ddmmyyyy" content="26082023">
		<meta name="Date-Revision-ddmmyyyy" content="14122024">			*/
/* Supprimer, par défaut, les soulignements des liens */
a			{ color: #FFFF44;	text-decoration: none; }
a:hover		{ color: #B0B0B0; }
a:visited	{					text-decoration: none; }
/*		###########################
		#    Arrière-plan écran   #
		###########################		*/
body {	font-family: "Comic sans MS", Arial, "Arial Black", Verdana, serif;
		object_fit:fill; background: radial-gradient( farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
		background-repeat: repeat; background-attachment: fixed; 
		font-size: 20px; color: #284557; }
/*		################
		#    Entête    #
		################		*/
/* Affichage de la version */
#Version { float: left; }
	#Version b { text-align:  center; font-size: 40px; color:green; }
/* Affichage du logo */
#Logo { width: 25%; height: auto;}
/*		##############
		#    Menu    #
		##############		*/
#Menu { margin-top: 40px; padding: 20px;
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
	border-style:solid; border-radius: 20px; border-color:#FFFFFF; border-width:4px; }
/*		################
		#    Bouton    #
		################		*/
.Btn { display: inline-block; width: 297px; height: 100px;
    background: radial-gradient( farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
	border: 0; line-height: 2.5; border-radius: 10px;
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
					   text-align: center; vertical-align: middle;
	font-weight: bold; text-shadow: 1px 1px 1px #000; font-size: 36px;	}
.Btn:hover	{ color: C0C0C0; }
.Btn:active	{ box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6); }

/*		###########################
		#    Défilement mesage    #
		###########################		*/
@keyframes Defile-rtl { 100% { transform: translate3d(-100%,0,0); } 0% { transform: translate3d(0,0,0); } }
.Annonce {overflow: hidden; max-width: 100%;
	border: 4mm ridge #00FF00; 
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
	box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
	font-size:36px; color:#284557; }
.Defile > :first-child {	display: inline-block; width: 100%;
	will-change: transform; white-space: nowrap; animation: Defile-rtl 20s infinite linear;
	letter-spacing:2px; padding-left: 77%; }