#bandegauche
{
  width:200px;
  padding:10px;
  padding-top:0px;
  float:left;
}

#bandehorizontale
{
  margin:10px;
  margin-top:20px;
  margin-left:210px;
  width:*;
}

#contenu
{
  margin:10px;
  margin-left:210px;
  width:*;
}

#pied
{
  border-top:2px solid dodgerblue;
  padding-top:20px;
  clear:both;
}

body
{
  background-color:black;
  color:whitesmoke;
  font-size:0.9em;
}

a
{
  color:dodgerblue;
  font-weight:bold;
  text-decoration:none;
  border:1px solid transparent;
}

table a
{
  color:inherit;
}

table a:hover
{
  background-color:inherit;
}

div.fond
{
  margin-left:40px;
  margin-right:40px;
  padding-left:20px;
  padding-right:20px;
  background-color:black;
}

div.titre
{
  margin-bottom:32px;
  padding-top:12px;
  padding-bottom:12px;
  width:80%;
  color:dodgerblue;
  font-size:2.4em;
  font-weight:bold;
}

div.presentation
{
  margin-top:16px;
  margin-bottom:16px;
  padding-top:8px;
  padding-bottom:8px;
}

div.photoscompositeurs
{
  position:absolute;
  left:150px;
  width:200px;
  height:300px;
}

img.compositeur
{
  position:absolute;
  top:-100px;
  left:0px;
  width:expression(document.body.clientWidth > 200 ? "200px":"auto");
  max-width:200px;
  visibility:hidden;
}

h1
{
  font-size:2.4em;
}

h2
{
  font-size:1.7em;
}

h3
{
  font-size:1.3em;
}

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

ul.liens
{
  width:60%;
}

ul.liens li
{
  display:block;
  text-align:left;
  font-size:1.3em;
}

ul.liens a
{
  color:dodgerblue;
}

ul.liens li.description
{
  font-size:0.9em;
  margin-bottom:24px;
  margin-left:24px;
}

ul.menu
{
  padding:10px;
  padding-top:0px;
  padding-bottom:20px;
  border-bottom:2px solid dodgerblue;
}

ul.menu li
{
  margin:8px;
  padding:0px;
  border:1px solid transparent;
  font-size:1.2em;
}

ul.menu a
{
  color:whitesmoke;
}

li
{
  display:inline;
  list-style-type:none;
  padding-left:8px;
  padding-right:8px;
}

li.soustitre
{
  font-size:0.9em;
}

ul.colonne li
{
  display:list-item;
  font-size:0.9em;
}

ul.programme li
{
  display:list-item;
  font-size:0.9em;
}

ul.programme li.titre
{
  font-size:1.8em;
  font-weight:bold;
  color:dodgerblue;
}

ul.programme li.soustitre
{
  margin-top:24px;
  font-size:1.4em;
}

ul.programme li.compositeur
{
  margin-top:16px;
  font-size:1.2em;
  font-weight:bold;
}

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

td.presentation
{
  width:50%;
  text-align:justify;
  padding:16px 16px;
  padding-left:40px;
  font-size:0.8em;
}

td.presentation:first-line
{
  font-size:1.6em;
}

td.programme
{
  border-right:2px solid dodgerblue;
}

form td
{
  margin:0px 0px;
  padding:0px 0px;
  vertical-align:top;
}

span.nouveau
{
  color:dodgerblue;
  font-size:1.8em;
}

td.nouveau a
{
  color:dodgerblue;
}

table.page
{
  width:100%;
}

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

table.concerts td
{
  border:1px solid dodgerblue;
}

table.concerts td.titre
{
  font-size:16px;
  font-weight:bold;
}

table.filtres td
{
  text-align:left;
}

table.programmes td
{
  vertical-align:top;
}

td.justify
{
  text-align:justify;
}

td.center
{
  text-align:center;
}

td.gauche
{
  text-align:left;
}

td.droite
{
  text-align:right;
  font-size:1em;
}

img
{
  width:expression(document.body.clientWidth > 430 ? "430px":"auto");
  max-width:430px;
  border:2px solid dodgerblue;
  margin:40px 40px;
}

#gauche
{
  float:left;
}

#droite
{
  float:right;
}

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

img.miniature
{
  width:expression(document.body.clientHeight > 78 ? "78px":"auto");
  max-height:78px;
  border:2px solid dodgerblue;
  margin-bottom:10px;
}

img.moyenne
{
  width:expression(document.body.clientWidth > 200 ? "200px":"auto");
  max-width:200px;
  border:2px solid dodgerblue;
  margin-bottom:10px;
}

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

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

img.journal
{
  float:left;
  border:1px solid dodgerblue;
  margin:20px 20px;
  margin-bottom:10px;
}

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

img.bouton
{
  width:41px;
  height:40px;
  border:none;
  margin:4px 4px;
}

p.justify
{
  text-align:justify;
}

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

p.article
{
  margin-left:4em;
  text-align:justify;
}

table.compteur img
{
  margin:0px 0px;
  padding:0px 0px;
  border:none;
}

object
{
  width:0px;
  height:0px;
}