.popper { position : absolute;
  visibility : hidden;
  z-index: 2;
}

body {  background-color: #FFFFFF; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; }

a {font-weight: bold;  color: #0000FF; text-decoration: none;}
a:hover {  text-decoration: none; color: #CC0000;}
a:visited {  color: #0000FF; }
p {  font-family: Arial, Verdana, Helvetica; font-size: 10pt; }
p:hover { color: #CC0000; }
.blanc {  color: #FFFFFF; }
.vertclair {  color: #99CC00; }
h1 {  font-size: 10pt; font-weight: bold; color: #CC0000; font-family: Arial, Verdana, Helvetica; }
.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; }
.catalogue { width: 95%; border-width: 0; border-spacing: 1; }
li {  font-family: Arial, Verdana, Helvetica; font-size: 10pt; }

.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: 14pt; 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: 14pt; color: #FF0000;}
.violet { color: #FF00FF;}
.jolivert { color: #BDF4D7;}
.violetgras { font-weight: bold; color: #FF00FF;}
.grand {font-size: 9pt;}
.trestresgrand {font-size: 16pt;}

.clignote {text-decoration: blink;}