/* taille du texte: la taille par défaut (pour le texte « medium » dans tous les navigateurs modernes est de 16px)  */

/* bordeaux: #cc0000, vert: #006600, bleu: #333399, blanc: #ffffff */
body {background: #ffffff; color: #cc0000;
  behavior: url(csshover.htc); font-family: Helvetica, Georgia, verdana;  font-size: 1em;} /* WinIE behavior call */
h1 {color: #006600; border-bottom: 1px solid; margin-bottom: 0; padding: 20px 0 20px 2%;}
h2 {color: #333399; padding: 10px 0 10px 5%;}
#main {color: #333399; margin-left: 10em; padding: 10px 0 10px 5%;
  border-left: 0px solid; font-size: 12pt;}
div#nav {float: left; width: 10em; margin: -1px 0 0 -1px;
  background: #FDD;}

.drapo1 {text-align: center ; font-size: 36pt; color: #006600; border-bottom: 1px solid; margin-bottom: 0; padding: 20px 0 20px 2%;}
.musico1 {text-align: center ; font-size: 36pt; color: #006600; border-bottom: 1px solid; margin-bottom: 0; padding: 20px 0 20px 2%;}

div#nav ul {margin: 0; padding: 0; width: 10em; background: white;
  border: 1px solid #AAA;}

div#nav ul.level2 {background: #F9F9F9;}
div#nav ul.level3 {background: #F3F3F3;}
div#nav li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #EBB;}

div#nav li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 10em; border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}
div#nav>ul a {width: auto;}

div#nav ul ul {position: absolute; top: 0; left: 9.9em;
  display: none;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
.bandbas   { text-align: center ; color: #009900; font-size: 6pt; font-style: italic }
.bandbasR  { text-align: right ; color: #009900; font-size: 6pt; font-style: italic }
.bandbasL  { text-align: left; color: #009900; font-size: 6pt; font-style: italic }
.bandhaut  { text-align: right ; color: #cccccc; font-size: 6pt; font-style: italic }
.navig     { text-align: left ; color: #cc0000; font-size: 12pt }
.rouge   { color: #FF0000;}


.bouton98      { width: <?=$marge1?>px; height: <?=$heightimage1demi?>px;  color: <?=$rouge1?>; background: <?=$rouge2?>;font-size: 150%; font-weight: bold;}


/* descripteurs: les id sont définis avec le signe dièse (#nom) et les class avec un point (.nom) */