.popper { position : absolute;
  visibility : hidden;
  z-index: 600;
}
body { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: #FFFFFF; scrollbar-base-color: #FFFFFF; scrollbar-arrow-color:#CCCCCC; scrollbar-track-color:#E5E5E5; scrollbar-3Dlight-color:#CCCCCC;}
p {  font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #666666;}
h1 {  font-family: Arial, Verdana, Helvetica; font-size: 16px; font-weight: bold; color: #0000FF;}
h2 {  font-family: Arial, Verdana, Helvetica; font-size: 12px; font-weight: bold; color: #0000FF;}
ul {  font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #666666;}

a {font-weight: bold;  color: #FF9900; text-decoration: none;}
a:hover {  color: white; text-decoration: none; background-color: #FF7E00;}
a.rougelien { font-weight: bold; font-size: 10pt; color: #FF0000;}
a:hover.rougelien {  font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: underline; color: #FF0000;}
a.blanc { font-weight: bold; color: #FFFFFF;}
a.rougegrand { font-weight: bold; font-size: 16px; color: #FF0000;}

.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: 16px; 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: 16px; color: #FF0000;}
.rougetrestresgrand { font-weight: bold; font-size: 2em; color: #FF0000;}
.violet { color: #FF00FF;}
.jolivert { color: #BDF4D7;}
.violetgras { font-weight: bold; color: #FF00FF;}
.moyen {font-size: 14px;} 
.grand {font-size: 16px;} 
.tresgrand {font-size: 20px;}  
.trestresgrand {font-size: 2em;}

.clignote {text-decoration: blink;}