<style type="text/css">
<!--

/* Général */

html {margin: 0; padding: 0;}

body {
  background: blanchedalmond;
  color: black;
  /* margin: 0; padding: 0; */
  behavior: url(/css/csshover.htc);} /* WinIE */

/* Le titre (bande horizontale) */

#titre {color: black; background: red; 
  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 0;
  margin: 0; text-align: center;
  border: 1px solid firebrick;
  padding-left: 11.5em;}
#titre img {border:0; margin:0; padding: 0.5em;}

#titre h1 {
  text-decoration: none;
  color: white;
  padding: 5px;
  margin: 0;
}

.titre-home {
  padding-left: 1ex !important;
}

div.category {border: 1px solid transparent; padding: 20px;}
div.category:hover {border: 1px inset blue;}
div.category a {}
.category img {border: 0 !important;}
span.category {font-size: 150%; color: darkblue;}
.category span:hover {color: firebrick;}

/* Les menus déroulants */

div#nav {float: left; width: 14em; margin: 0;
  background: red; font-size: 10pt; color: black;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  margin-top: -1px;
  border-right: 1px solid firebrick;
  border-left: 1px solid firebrick;
  /*font-weight: bold;*/}
div#nav ul {margin: 0; padding: 0; width: 14em; background: red;}
div#nav li {position: relative; list-style: none; margin: 0;
  line-height: 2em;
  border-bottom: 1px solid firebrick;}
/* div#nav li.ie {background: url(ie.png) 95% 50% no-repeat;} */
div#nav li.ie:hover {background: yellow url(ie.png) 95% 50% no-repeat;}
div#nav li:hover {background: yellow; color:black;}
div#nav li.submenu {background: url(submenu.png) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: yellow;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 14em; color: black;}
div#nav>ul a {width: 14em;}
div#nav ul ul {position: absolute; top: 0; left: 14em; display: none;}
div#nav ul ul li {line-height: 2em;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block; 
  border-top: 1px solid firebrick;
  border-right: 1px solid firebrick;
  border-left: 1px solid firebrick;}
div#nav img {border: 0; padding: 0; margin-right: 5px; vertical-align: middle;}

#corps a {text-decoration: none;}
#corps a:link           {color: blue;}
#corps a:hover          {color: red;}
#corps a:active         {color: blue;}
#corps a:visited        {color: blue;}

/* Le corps du texte */

#corps {
  margin: 0;
  margin-left: 15em; 
  margin-top: 0.5em;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
#corps li {padding: 5px;}
#corps h1 {font-size : 250%; color : black; text-align: center;}
#corps h2 {font-size : 170%; 
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #990000; text-align: left;}
#corps h3 {font-size : 130%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : green; text-align: left;}
#corps h4 {font-size : 110%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : orangered; text-align: left;}
#corps a:link           {color: blue;}
#corps a:active         {color: blue;}
#corps a:visited        {color: blue;}
#corps a:hover {color: red; text-decoration : none;}
#corps a img {border: 1px solid transparent;}
#corps a:hover img {border: 1px solid blue;}
#corps table {text-align: center;}
#corps li {text-align: left;}

.corps-home {
  margin-left: 0 !important;
}

#center h2 {text-align: center;}

#pub {float: right; margin-left: 2em; text-align: center; width: 160px;}
#pubessai {width: 2px; float: left; margin-left: 2em; text-align: center; color: green;}

#cdcover {float:left; margin-right: 20px;}
.clearboth { clear: both; }

-->
</style>
