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

.menuFond	{background-color:#33AAFF; height:36px; }
.menuTitre	{background-color:#33AAFF; color:#FFDD66; padding:3px 5px; font:bold italic 24px Arial; }
.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:0px; margin:0px; margin-top:-18px; list-style:none; }
#menu li		{display:inline-block; line-height:18px;}
#menu li:hover a:hover { color:#ffffff; }
#menu ul li		{ display:inherit; }
#menu li ul		{ top:50px; }
#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: 12px Arial; background-color:#33AAFF; color:#ffffff; border:solid 1px #000000; border-radius:3px; }
.btnLien:hover	{color:#000000; }
.btnLien:focus	{color:#ffffff; }

.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:12px Arial; 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; }
.inputBase		{z-index:2; font:14px Arial; background-color:#FFFFFF; color:#000000; }
.inputCurs		{z-index:2; font:14px Arial; background-color:#BBFFBB; color:#000000; }
.inputModi:hover{background-color:#70EE66; }
.inputModi		{z-index:2; font:14px Arial; background-color:#ffff44; color:#000000; }
.inputProb		{z-index:2; font:14px Arial; background-color:#ffaaaa; color:#000000; }
.inputRead		{z-index:2; font:14px Arial; background-color:#88ccdd; color:#000000; border:solid 1px; }

.DareaBase		{z-index:1; font:14px Arial; overflow-wrap:break-word; overflow:auto; white-space:normal; text-align:left; border:1px solid #555555; }
.DareaLien		{color:#0000FF; text-decoration:underline; }
.DareaMots		{background-color:#ddddff; text-decoration:underline; }


.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;
}