BODY		{font-family:Arial; font-size:14px; background-color:#AACCFF; background-image:linear-gradient(rgba(0,80,160,0.4), rgba(0,80,160,0.4)), url("fond2.jpg");}
INPUT		{font-family:Arial; font-size:14px; background-color:#FFFFFF; }
TEXTAREA	{font-family:Arial; font-size:14px; }
SELECT		{font-family:Arial; font-size:14px; background-color:#FFFFFF; }
TABLE		{font-family:Arial; font-size:14px; }
TD			{font-family:Arial; font-size:14px; }
TH			{font-family:Arial; font-size:14px; }
A			{cursor:pointer; }
A:visited 	{cursor:pointer; color:#AA0000; }
.aa			{cursor:pointer; color:#0000FF; text-decoration:underline; }

.menuFond	{background-color:#33AAFF; }
.menuTitre	{background-color:#33AAFF; color:#FFDD66; padding:3px 5px; font:bold italic 24px Arial; vertical-align:top; }
.menuListe	{background-color:#33AAFF; }
.menuGrise	{background-color:#33AAFF; color:#555555; padding:3px 6px; font:bold italic 20px Arial; display:block; }
.menuChoix	{background-color:#AACCFF; }
#menu, #menu ul { padding:0; margin:0; list-style:none; }
#menu li {display:inline-block; line-height:28px; }
#menu li:hover a:hover { color:#ffffff; }
#menu ul li { display:inherit; }
#menu li ul { top:36px; }
#menu a { font:bold 20px Arial; color:#000000; text-decoration:none; display:block; padding:5px 6px; }
#menu ul { position:absolute; left:-999em; text-align:left; z-index:1000;}
#menu li:hover ul { left:auto; }

.btnLien{font-family:Arial; font-size:12px;  background-color:#55CCFF; color:#000000; border:solid 1px; border-radius:3px; }
.btnLien:hover {color:#ffffff; }
.btnLien:focus {color:#000000; }

.reqTABLE	{font-family:Arial; font-size:14px; background-color:#A6E9FC; border:solid 1px; border-radius:6px; }
.reqTH		{font-family:Arial; font-size:12px; background-color:#A6E9FC; font-weight:normal; }
.reqTD		{font-family:Arial; font-size:14px; background-color:#A6E9FC; }

.messInfo	{font-family:Arial; font-size:14px; background-color:#DDDD30; color:#000000; }
.messConf	{font-family:Arial; font-size:14px; background-color:#FFFF00; color:#000000; }
.messAler	{font-family:Arial; font-size:14px; background-color:#ffaaaa; color:#000000; font-weight:bold; }

.bouton	 		{font-family:Arial; font-size:12px; background-color:#DEDE00; border-radius:3px 7px 3px 7px; cursor:pointer; }
.bouton:hover	{ background-color:#ffff88; }
.bouton:focus	{ background-color:#ffff88; }
	
.inputBase:hover {background-color:#70EE66;}
.inputBase:focus {background-color:#AAFFAA;}	/*80FF76*/
.inputBase		 {font-family:Arial; font-size:14px; background-color:#FFFFFF; color:#000000; }
.inputCurs		 {font-family:Arial; font-size:14px; background-color:#BBFFBB; color:#000000; }
.inputModi:hover {background-color:#70EE66;}
.inputModi		 {font-family:Arial; font-size:14px; background-color:#ffff44; color:#000000; }
.inputProb		 {font-family:Arial; font-size:14px; background-color:#ffaaaa; color:#000000; }
.inputRead		 {font-family:Arial; font-size:14px; background-color:#88ccdd; color:#000000; border:solid 1px; }

.popupTABLE	{font-family:Arial; font-size:12px; background-color:#A6E9FC; color:#000000; }
.popupJour	{font-family:Arial; font-size:12px; background-color:#FFFFFF; color:#0000FF; font-weight:bold; text-decoration:none; cursor:pointer; }
.popupCour	{font-family:Arial; font-size:12px; background-color:#DDDD00; color:#0000FF; font-weight:bold; text-decoration:none; cursor:pointer; }
.popupChoi	{font-family:Arial; font-size:12px; background-color:#FF9900; color:#0000FF; font-weight:bold; text-decoration:none; cursor:pointer; }

.lisTABLE	{font-family:Arial; font-size:14px; background-color:#A6E9FC; border-color:#0900AA; border:solid 1px; }
.lisTH		{font-family:Arial; font-size:12px; background-color:#33AAFF; color:#FFFFFF; text-align:center; }
.lisTHtri	{font-family:Arial; font-size:14px; background-color:#0044FF; color:#FFFF00; text-align:center; font-weight:bold; }
.lisTD		{font-family:Arial; font-size:14px; background-color:#A6E9FC; }
.lisVU		{font-family:Arial; font-size:14px; background-color:#EEFFFF; }
.lisANO		{font-family:Arial; font-size:14px; background-color:#FF4444; }

.textRouge	{color:#DD0000; }

.marquee { width:400px; font-weight:bold; background-color:#FFFF00; margin:0 auto; white-space:nowrap; overflow:hidden; box-sizing:border-box; }
.marquee span { animation: marquee 10s linear infinite; display: inline-block; padding-left:100%; }
.marquee span:hover { animation-play-state: paused }
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }


.accueil { width:80%; font-weight:bold; background-color:#FFFF00; margin:0 auto; white-space:nowrap; overflow:hidden; box-sizing:border-box; font-size:20px; }
.accueil span { animation: marquee 20s linear infinite; display: inline-block; padding-left:100%; }
.accueil span:hover { animation-play-state: paused }
@keyframes accueil { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

.fenetre	{position:absolute; display:none; border:2px; border-radius:10px; border-style:solid;padding:1; top:300; left:500; background-color:#A6E9FC; border-color=#0900AA;}

.infobulle-custom {
	position:fixed; display:none;
	max-width:500px; padding:6px 10px;
	background:#FFFFdd; border:2px solid #FF0000; border-radius:10px;
	font-size:14px; font-family:Arial, sans-serif;
	white-space:pre-line; box-shadow:2px 2px 8px rgba(0,0,0,.25);
	z-index:99999; pointer-events:none;
}