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

/* Général */

html {margin: 0; padding: 0;}

body {
  background: blanchedalmond;
  color: black;
  /* margin: 0; padding: 0; */
  font-family : Arial, Helvetica, Geneva, sans-serif;
  behavior: url(/css/csshover.htc);} /* WinIE */

/* Le titre (bande horizontale) */

#titre {
  color: black;
  background: red; 
  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, #titre h1 a {
  text-decoration: none;
  color: white;
  padding: 5px;
  margin: 0;
  font-weight: bold;
  font-size: 160%;
  -webkit-text-stroke: 1px #200;
}

.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: -1px 20px 0 0;
  background: red; font-size: 10pt; color: black;
  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:active         {color: blue;}
#corps a:visited        {color: blue;}
#corps a:hover          {color: red;} */

/* Le corps du texte */

#corps {
  margin: 0;
  margin-left: 20px; 
  margin-top: 0.5em;
  height: 100%;
}
#corps li {
  padding: 5px;
  margin-left: 166px;
}
#corps h1 {font-size : 250%; color : black; text-align: center;}
#corps h2 {
  font-size : 150%; 
  color : #990000;
  text-align: left;
}
#corps h2 a {
  color : #990000;
}
#corps h3 {font-size : 130%;
  color : green; text-align: left;}
#corps h4 {font-size : 110%;
  color : orangered; text-align: left;}
#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:right;
  margin: 10px 20px;
}
.clearboth { clear: both; }

.item {
  display: inline-block;
  margin: 2px;
}

.markup_album {
  margin: 10px 0;
}

.markup_album div {
  margin: 5px 0;
}

-->
</style>

