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

#calque01 {
 position:absolute; width:200px; height:115px; z-index:2001; left: 10px; top: 148px;
 }
 
#lecoolmenu {
   background-color: #370588;
   }

.bordure_td {
   border-right: 1px dotted #370588;
   }

a {color:#D90400; text-decoration:none;} /*les liens sont rouges mais pas gras */
a:hover {color:#FFFFFF; text-decoration:none; background-color:#FF7E00;}
p { font-family: Arial, Verdana, Helvetica; font-size: 11px; color:#000000; margin-top:0px;}
h1 { font-family: Arial, Verdana, Helvetica; font-size: 14px; color:#D90400; font-weight:bold; margin-bottom:10px; margin-left:0px;}
h1.sousmenu { padding-top:10px; padding-bottom:3px;}
h2 { font-family: Arial, Verdana, Helvetica; font-size: 10px; color:#D90400; font-weight:bold; margin-bottom:2px; margin-left:0px; margin-top:5px;}

ul { font-family: Arial, Verdana, Helvetica; font-size: 5px; list-style-image: url(images/turnball.gif);}
li { font-family: Arial, Verdana, Helvetica; font-size: 10px}

.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}
.justifie {text-align: justify;}

.noir {  color: #000000; font-weight: normal;}
.blanc { font-weight: bold; color: #FFFFFF;}
.fondblanc { background-color: #FFFFFF;}
.blancnongras {color: #FFFFFF;}
.bleugras { font-weight: bold; color: #370588;}
.bleugrand { font-weight: bold; font-size: 14pt; color: #370588;}
.marron { color: #993300;}
.marrongras { font-weight: bold; color: #993300;}
.marrongrand { font-weight: bold; font-size: 14pt; color: #993300;}
.orange { color: #FF9900;}
.orangegras { font-weight: bold; color: #FF9900;}

.rougegras { font-family: Arial, Verdana, Helvetica; font-size: 11px; color:#D90400; font-weight:bold; text-decoration:none; }
.rougegras:hover { color:#FFFFFF; font-weight:bold; text-decoration:none; background-color:#D90400;}
.blanc {font-family: Arial, Verdana, Helvetica; font-size: 11px; color:#FFFFFF; text-decoration:none;}
.blanc:hover {color:#FFFFFF; text-decoration:none; background-color:none;}
.gris {font-family: Arial, Verdana, Helvetica; font-size: 11px; color:#666666; text-decoration:none;}
.gris:hover {color:#FFFFFF; text-decoration:none; background-color:#D90400;}

.rougegrand { font-weight: bold; font-size: 14px; color: #FF0000;}
.rougetresgrand { font-weight: bold; font-size: 2em; 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: 2em;}
.moyen {font-size: 1em;}
.petit { font-family: Arial, Verdana, Helvetica; font-size: 0.8; text-align:center;}
 
.clignote {text-decoration: blink;}

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#FFCC00; layer-background-color:#FFCC00; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:0px; font-family:arial, verdana, helvetica; font-size:13px; }
.clLevel0{background-color:#370588; layer-background-color:#370588; color:#FF9900;}
.fd_orange  { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #f90; layer-background-color: #990000  }
.clLevel0over{background-color:#370588; layer-background-color:#370588; color:#FF9900; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#370588; layer-background-color:#370588}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:arial, verdana, helvetica; font-size:12px; }
.clLevel1{background-color:#370588; layer-background-color:#370588; color:#FF9900;}
.clLevel1over{background-color:#6587E2; layer-background-color:#6587E2; color:#FF9900; cursor:hand; }
.clLevel1border{position:absolute; z-index:500; visibility:hidden; background-color:#370588; layer-background-color:#370588}
.bande    { text-decoration: none; background-color: #f5f5f5 }

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:arial, verdana, helvetica; font-size:12px; }
.clLevel2{background-color:#370588; layer-background-color:#370588; color:#FFFFFF;}
.clLevel2over{background-color:#000000; layer-background-color:#000000; color:#FFFFFF; cursor:hand; }
.clLevel2border{position:absolute; z-index:500; visibility:hidden; background-color:#FFCC00; layer-background-color:#FFCC00}

/*Styles for level 3 - pour demo ? */
.clLevel3, .clLevel3over{position:absolute; padding:2px; font-family:arial, verdana, helvetica; font-size:12px; }
.clLevel3{background-color:#990000; layer-background-color:#990000; color:#FFFFFF;}
.clLevel3over{background-color:#000000; layer-background-color:#000000; color:#FFFFFF; cursor:hand; }
.clLevel3border{position:absolute; z-index:500; visibility:hidden; background-color:#FFCC00; layer-background-color:#FFCC00}