/*		########################	"Date-Creation-ddmmyyyy" content="12092021"
		#    VERSION BUREAU    #	"Date-Revision-ddmmyyyy" content="01062024"
		########################		*/
/*		######################
		#    Fond d'é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; 
		color:#FFFFFF; }
/* Supprimer, par défaut, les soulignements des liens */
a			{ text-decoration: none; }
a:visited	{ text-decoration: none; }
/*		###############################
		#    Affichage de l'entête    #
		###############################		*/
/* Affichage du logo */
#Logo { background-size: 410px 190px;
		width: 410px; height: 190px; float: left;
		background-image: url('StyleNA/Nuances.png'); }
/* Affichage de la version */
#Version { display: block; padding-top: 160px; padding-left: 220px;
		font-size: 16px; color: #284557; }
/* Affichage entete */
table#Entete { width: 550px; height: 200px;
			border-collapse: collapse; border: 4mm ridge #e1edfb;
			text-align: center; color: #284557; }
#Entete	td { font-size: 16px; }
#Entete	th { background-color: cyan; }
.L2 { background:  radial-gradient(farthest-corner at 0px 0px, #f0f00f 0%, #fbede1 90%); }
.L4 {
    border: 0; line-height: 2.5;
    padding: 0 10px;
    background-color: #99FFFF;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    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; text-shadow: 1px 1px 1px #000;
    font-size: 12px; color: White;
    border-radius: 10px; }
	.Btn:hover	{ color: black; }
	.Btn:active	{ box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6); }



/* Affichage du Menu */
#Menu { margin-top: 40px; padding: 20px;
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
	color:#FFFFFF; font-size: 30px;
	border-style:solid; border-color:#FFFFFF; border-width:4px; }
	#Menu a,  #Menu a:visited { width: 180px; height: 24px; padding: 10px;
		background: radial-gradient( farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
		border : solid white 2px;
		text-align: center; vertical-align: middle; 
		color: #007700; }
#Menu1 /* Menu V1.0 */ { margin-top: 40px; padding: 20px;
	border-style: solid;
	border: solid 4px white;
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%);
	color:#FFFFFF; font-size: 40px; }
#AnnuR { font-size: 40px; 
		color: #000077; }
	#AnnuR  td 	{ padding-left: 10px; }
	#AnnuR input	{ font-family: "Comic sans MS", Arial, "Arial Black", Verdana, serif;
				  background: yellow;
				  font-size: 30px; }
/* Boutons */
.Btn {
    border: 0; line-height: 2.5;
    padding: 0 20px;
    background-color: red;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    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; text-shadow: 1px 1px 1px #000;
    font-size: 20px; color: white;
    border-radius: 10px; }
	.Btn:hover	{ color: black; }
	.Btn:active	{ box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6); }
.BtAnnule {
    border: 0; line-height: 2.5;
    padding: 0 20px;
    background-color: red;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    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; text-shadow: 1px 1px 1px #000;
    font-size: 20px; color: white;
    border-radius: 10px; }
	.BtAnnule:hover	{ color: black; }
	.BtAnnule:active{ box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6); }
.BtValide {
    border: 0; line-height: 2.5;
    padding: 0 20px;
    background-color: green;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    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; text-shadow: 1px 1px 1px #000;
    font-size: 20px; color: white;
    border-radius: 10px; }
	.BtValide:hover	{ color: black; }
	.BtValide:active{ box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6); }



 /*
#Annuaire, #Annuaire input { font-size: 30px; }
#tete { margin-left:400px; height:160px; width:520px;
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%); color:#FFFFFF;
	border-style:solid; border-color:#FFFFFF; border-width:4px; }
	#menu a:hover { color: #007700; }
#page { height: 620px; width: 700px; margin-left: 195px; margin-top: 40px; margin-left:220px;
	background: radial-gradient(farthest-corner at 0px 0px, #01b051 0%, #e1edfb 90%); color:#FFFFFF;
	border-style:solid; border-color:#FFFFFF; border-width:4px; } */