.popper { position : absolute;
  visibility : hidden;
  z-index: 2;
}
a:link {  color: #0000FF; text-decoration: underline}

a:hover {  color: #FF0000; text-decoration: underline;}
body {  background-color: #FFFFFF; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
p {  font-family: Arial, Verdana, Helvetica; font-size: 10pt}

h1 {  font-family: Arial, Verdana, Helvetica; font-size: 12pt; font-weight: bold; color: #0000FF;}
h2 {  font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: bold; color: #0000FF;}
ul {  font-family: Arial, Verdana, Helvetica; font-size: 8pt; color: #666666;}
li {  font-family: Arial, Verdana, Helvetica; font-size: 10pt}

.sommaire {  font-family: Arial, Verdana, Helvetica; font-size: 8pt; color: #DC0000}
.fondvertclair {  text-align: center; background-color: #00C600; vertical-align: top}
.fondjauneclair { text-align: center; background-color: #FFFFDE; vertical-align: top}

.noir {  color: #000000; font-weight: bold;}
.blanc { font-weight: bold; color: #FFFFFF;}
.blancnongras {color: #FFFFFF;}
.bleugras { font-weight: bold; color: #0000FF;}
.bleugrand { font-weight: bold; font-size: 12pt; color: #0000FF;}
.bleugrandgrand { font-weight: bold; font-size: 16pt; color: #0000FF;}
.marron { color: #993300;}
.marrongras { font-weight: bold; color: #993300;}
.orange { color: #FF9900;}
.orangegras { font-weight: bold; color: #FF9900;}
.rougegras { font-weight: bold; color: #FF0000;}
.rougegrand { font-weight: bold; font-size: 12pt; color: #FF0000;}
.rougegrandgrand { font-weight: bold; font-size: 16pt; color: #FF0000;}
.violet { color: #FF00FF;}
.jolivert { color: #BDF4D7;}
.vertclair {  color: #99CC00}
.vert-association-aa { font-weight: bold; color: "#308C90";}
.violetgras { font-weight: bold; color: #FF00FF;}
.grand {font-size: 12pt;} 
.vertAAgrand {font-weight: bold; font-size: 16pt; color: #308C90; }
.vertAApetit {font-weight: bold; font-size: 9pt; color: #308C90; }