body
{
  background-color:cornsilk;
  color:darkred;
  font-size:0.9em;
  margin-left:10%;
  margin-right:10%;
}

a
{
  color:darkred;
  font-weight:bold;
  text-decoration:none;
}

a:hover
{
  background-color:wheat;
}

h1
{
  font-size:2.4empx;
}

h2
{
  font-size:1.7em;
}

ul
{
  margin:0px 0px;
  padding:0px 0px;
}

ul.menu
{
  margin:40px 40px;
}

li
{
  display:inline;
  list-style-type:none;
  font-size:1.4em;
  margin:0px 0px;
  padding-left:8px;
  padding-right:8px;
}

ul.repertoire li
{
  display:block;
  margin-left:28px;
}

td
{
  margin:0px 0px;
  padding:8px 8px;
  vertical-align:middle;
  text-align:center;
  font-size:0.9em;
}

table.concerts tr
{
  background-color:transparent;
}

table.concerts td
{
  border:thin solid darkred;
}

table.concerts td.titre
{
  font-size:1em;
  font-weight:bold;
  background-color:darkred;
  color:lightgoldenrodyellow;
}

td.justify
{
  text-align:justify;
}

td.center
{
  text-align:center;
}

td.left
{
  text-align:left;
}

td.right
{
  text-align:right;
}

td.titre
{
  font-size:1em;
  font-weight:bold;
}

img
{
  width:expression(document.body.clientWidth > 430 ? "430px":"auto");
  max-width:430px;
  border:medium solid darkred;
  margin:40px 40px;
  margin-bottom:1.4em;
}

img.moyenne
{
  width:expression(document.body.clientWidth > 200 ? "200px":"auto");
  max-width:200px;
  margin:1.4em 1.4em;
}

img.miniature
{
  width:expression(document.body.clientWidth > 100 ? "100px":"auto");
  max-width:100px;
  border:thin solid darkred;
  margin:0px 0px;
}

img.biographie
{
  float:left;
  margin-top:0px;
  margin-left:0px;
  margin-bottom:1.4em;
}

img.logo
{
  width:expression(document.body.clientWidth > 60 ? "60px":"auto");
  max-width:60px;
  border:none;
  margin:0px 0px;
}

table.repertoire img
{
  border:none;
}

p.justify
{
  text-align:justify;
}

p.contact
{
  text-align:center;
  font-size:1.4em;
}