.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:#D90400;}  Attention - background-color quand la souris est sur!! */
a:hover {color:#000000; text-decoration:underline; } /* pas de couleur de fond  */
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}

/*----------------LES FORMULAIRES----------------------------------------------------------------------------------------*/
form 						{margin-top:0px; margin-bottom:0px;}
select 						{border: solid 1px #A8ACB8; width: 150; background-color:#FFFFFF;}/*EBEFF5*/
.input8 			{ border: solid 1px #A8ACB8; width: 120; margin-top:0px; background-color:#FFFFFF; }/*EBEFF5*/
.input_2			{ border: solid 1px #A8ACB8; width: 220; margin-top:0px; background-color:#F4F4F4; margin-bottom:10px;}/*EBEFF5*/
.input_3			{ border: solid 1px #A8ACB8; width: 120; margin-top:0px; background-color:#F4F4F4;}/*EBEFF5*/
.menuderoulant		{ margin-top:0px; margin-bottom:0px;}
.menuderoulant2		{ margin-top:10px; margin-bottom:0px;} /* pour l'aide au choix */
.menuderoulant3		{ margin-top:0px; margin-bottom:2px; }
.bouton 			{ color: #FFFFFF; font-size: 9px; background-color:#D90400; border: solid 1px #FFFFFF; padding:0px; margin:0px;}


.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;}
.espace20p { padding-left:20px; padding-right:20px; text-align:justify;} /* plus d'espace */
.marge5 {margin-bottom:5px}

.noir {  color: #000000; font-weight: normal;}
.noirgrand {  color: #000000;  font-size: 14pt;}
.noirtresgrand {  color: #000000;  font-size: 20pt;}
.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: 20pt; 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;}
.moyen {font-size: 10pt;}
.petit { font-family: Arial, Verdana, Helvetica; font-size: 8pt; }
 
.clignote {text-decoration: blink;}

/* style spécifique pour le sondage  */
.infosnews { width:110px; border:1px solid; padding:10px; }

/* 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}