a:link    { color: red; }
a:visited { color: maroon; }
a:active  { color: fuchsia; }
a:hover   { color: blue; }

hr.typ0 { height: 5px; width: 100%;  background-color:#ffcc99; }
hr.typ1 { height: 4px; width: 100%;  background-color:#d8d8d8; }
h1  { font-size: 20pt; font-weight: bold; color: #108070; text-align: center; }
h2  { font-size: 20pt; font-weight: bold; color: #9800a6; text-align: left; }
h3  { font-size: 18pt; font-weight: bold; color: #108070; text-align: left; font-style: italic; }
h4  { font-size: 16pt; font-weight: normal; color: #108070; text-align: left; font-style: italic; }

.t24c { font-size: 24pt; color: #003f00; text-align: center; }
.t14c { font-size: 14pt; color: #3f0000; text-align: center; }
.t12c { font-size: 12pt; font-weight: bold; color: #3f0000; text-align: center; }
.t10c { font-size: 10pt; color: #3f0000; text-align: center; }
.t8c { font-size: 8pt; color: black; text-align: center; }
.t18 { font-size: 18pt; color: black; }
.t16 { font-size: 16pt; color: black; }
.t14 { font-size: 14pt; color: black; }
.t12 { font-size: 12pt; color: black; }
.tc12 { font-family: "courier new" ; font-size: 12pt; color: black; }
.t10 { font-size: 10pt; color: black; }
.t8 { font-size: 8pt; color: black; }
.t6 { font-size: 6pt; color: black; }
.t5 { font-size: 5pt; color: black; }
.ins { font-size: 12pt; color: #3f0000; font-weight: bold; background-color:#ffcc99; }
.insT {color: #3f0000; font-weight: bold; background-color:#ffcc99; }

.Fbleus { background-color: #b0e0e6; }
.Fjaune { background-color: #ffffcc; }
.Fbisque { background-color: #ffe4c4; }
.Fturquoise { background-color: #ccffff; }
.For    { background-color: #ffbf00; }
.Fgrisf { background-color: #6e6e6e; }
.Fgriss { background-color: #d8d8d8; }
.Fvertp { background-color: #d8f781; }
.Fblanc { background-color: white; }
.Fbleu  { background-color: blue; }
.Fvert  { background-color: green; }
.Frouge { background-color: red; }
.Frose  { background-color: #f6ced8; }

.em2 {width: 2em; }
.em3 {width: 3em; }
.em5 {width: 5em; }
.em6 {width: 6em; }
.em7 {width: 7em; }
.em8 {width: 8em; }
.em10 {width: 10em; }
.em11 {width: 11em; }
.em12 {width: 12em; }
.em13 {width: 13em; }
.em14 {width: 14em; }
.em15 {width: 15em; }
.em16 {width: 16em; }
.em17 {width: 17em; }
.em18 {width: 18em; }
.em19 {width: 19em; }
.em20 {width: 20em; }
.em21 {width: 21em; }
.em22 {width: 22em; }
.em23 {width: 23em; }
.em24 {width: 23em; }
.em25 {width: 25em; }
.em27 {width: 27em; }
.em30 {width: 30em; }
.em35 {width: 35em; }
.em40 {width: 40em; }
.em45 {width: 45em; }
.em50 {width: 50em; }
.em55 {width: 55em; }
.em60 {width: 60em; }
.em65 {width: 65em; }
.em70 {width: 70em; }
.em75 {width: 75em; }
.em80 {width: 80em; }

table.grissc  { margin-left: auto; margin-right: auto; text-align: center; background-color: #d8d8d8; }
table.bleuc   { margin-left: auto; margin-right: auto; text-align: center; background-color: #2e9afe; }
table.bisquec  { margin-left: auto; margin-right: auto; text-align: left; background-color: #ffe4c4; }
table.jaunec  { margin-left: auto; margin-right: auto; text-align: left; background-color: #ffffcc; }
table.turquoisec  { margin-left: auto; margin-right: auto; text-align: left; background-color: #ccffff; }
table.simple  { margin-left: auto; margin-right: auto; }
table.c       { margin-left: auto; margin-right: auto; text-align: center; }
table.l       { margin-left: auto; margin-right: auto; text-align: left; }
table.r       { margin-left: auto; margin-right: auto; text-align: right; }

.cadre {border: 1px solid black; }
.ind  { margin-left: 20px;}
.ind2 { margin-left: 40px;}
.souligne  {text-decoration: underline; }
.surligne  {text-decoration: overline; }
.normal  {font-weight: normal; }
.gras  {font-weight: bold; }
.italic  {font-style: italic;}
.CrtlC  {font-style: italic; color: #9800a6; font-weight: bold; }
.EN  {font-style: italic; color: #9800ff; }
.formule {font-family: "Courier New"; font-size: 16pt; }
.rougec { color: red; text-align: center;}
.rouge { color: red; }
.vert { color: green; }
.bleu { color: blue; }

.c  { margin-left: auto; margin-right: auto; }

.cc { margin-left: auto; margin-right: auto; }
.tc { text-align: center;}
.tl { text-align: left;}
.tr { text-align: right;}

.font {font-family: inherit; }
.pr8 { font-family: "Courier New"; font-size: 8pt;}
.pr10 { font-family: "Courier New"; font-size: 10pt;}
.pr12 { font-family: "Courier New"; font-size: 12pt;}
.pr14 { font-family: "Courier New"; font-size: 14pt;}
.SLj { background-color: yellow; }
.SLg { background-color: greenyellow; }

.blink { animation: blink 1s steps(1, end) infinite; }
 @keyframes blink {  0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }

.infobulle { position: relative; top: 50px; left: 50px;}
.infobulle-texte { position: absolute; bottom: 0px; left: 100px; width: 200px; color: #000000;
  padding: 5px; font-size: 10px; background-color: #ffffe1; border: 1px solid #000000; }
.infobulle:hover .infobulle-texte { /* display tooltip on hover */ opacity: 1; }