body {
  margin: 0px;
  padding: 0px;
  font-family: arial;
  font-size: 12px;
  color: #ffffff;
  background-color: #000000;
  scrollbar-face-color : #ffffff;
	scrollbar-shadow-color : #000000;
	scrollbar-highlight-color : #000000;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000;
	scrollbar-arrow-color : #BF003D;
  text-align: center;
}

#container {
  background-color: #000000;
  background: url(images/fond_site.gif);
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  /*left: 5px;*/
  width: 993px;
  height: 611px;
  margin: auto;
	visibility: visible;
  padding: 0px;
  text-align: left;
}

/* ----- Logo ----- */

#logo {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 595px;
  height: 120px;
}

#logo img {
  margin: 10px 0px 15px 0px;
}

/* ----- Menu ----- */

#menu {
  position: absolute;
  left: 10px;
  top: 140px;
  width: 135px;
  height: 315px;
}

#menu h1 {
  width: 150px;
  margin: 0px;
  padding: 7px 0px 2px 0px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

#menu span {
  display: none;
  font-size: 11px;
  padding: 3px 0px 7px 0px;
  width: 150px;
}

#menu a {
  display: block;
  margin: 2px 0px 2px 15px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}

#menu a:hover {
  text-decoration: underline;
}

/* ----- Recherche ----- */

#recherche {
  position: absolute;
  left: 1px;
  top: 447px;
  width: 157px;
  height: 18px;
}

/* ----- Événements ----- */

#evenements {
  position: absolute;
  left: 620px;
  top: 0px;
  width: 370px;
  height: 130px;
}

#evenements h1 {
  margin: 5px 0px 10px 0px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}

#evenements p {
  margin: 5px 0px 5px 0px;
  font-size: 11px;
}

#evenements a {
  color: #DE3454;
  font-size: 11px;
  text-decoration: none;
}

#evenements a:hover {
  text-decoration: underline;
}


/* ----- A la une ----- */

#alaune {
  position: absolute;
  left: 30px;
  top: 490px;
  width: 330px;
  height: 100px;
  text-align: center;
}

#alaune a {
  text-decoration: none;
  color: #ffffff;
}

#alaune h1 {
  color: #D30144;
  font-size: 15px;
  margin: 10px 0px 10px 0px;
}

#alaune p {
  margin: 5px 0px 5px 0px;
  font-size: 11px;
  color: #ffffff;
}


/* ----- Corps ----- */

#corps {
  position: absolute;
  overflow: auto;
  -moz-user-focus: normal;
  left: 175px;
  top: 143px;
  width: 659px;
  height: 320px;
}

#corps h1, #listeartistes h1 {
  background: url(images/puce_h1.gif);
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  margin: 20px 20px 20px 0px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

#corps h2 {
  margin: 17px 30px 8px 15px;
  color: #BF003D;
  font-size: 12px;
  font-weight: bold;
  clear: both;
}

#corps h3 {
  margin: 17px 30px 8px 15px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}

#corps table {
  margin: 15px 20px 10px 0px;
}

#corps td {
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

#corps p {
  margin: 10px 30px 10px 15px;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
}

#corps a {
  color: #DE3454;
  font-size: 11px;
  text-decoration: none;
}

#corps a:hover {
  text-decoration: underline;
}

#corps li {
  margin: 0px 30px 0px 10px;
  font-size: 11px;
}

#corps form {
  margin: 0px 30px 0px 10px;
}

#corps input, #corps select, #corps textarea {
  font-family: arial;
  font-size: 11px;
}

#noerror {
  color: #16B131;
  font-weight: bold;
  margin: 10px 30px 10px 15px;
}

#error {
  color: #ff0000;
  font-weight: bold;
  margin: 10px 30px 10px 15px;
}

#cache {
  display: none;
  visibility: hidden;
}

/* ----- Liste des artiste ----- */

#listeartistes {
  background: url(images/fond_listeartistes.gif);
  background-repeat: repeat-y;
  margin: 0px 15px 20px 0px;
}

#listeartistes a.left {
  float: left;
  width: 291px;
  height: 75px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  margin: 12px 10px 12px 10px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

#listeartistes a.right {
  float: left;
  width: 290px;
  height: 75px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  margin: 12px 10px 12px 10px;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
}

#listeartistes a.left img {
  float: left;
  margin: 0px 10px 0px 0px;
}

#listeartistes a.right img {
  float: right;
  margin: 0px 0px 0px 10px;
}

#corps #listeartistes a:hover {
  border-width: 1px;
  border-style: dotted;
  border-color: #ffffff;
  text-decoration: none;
}

#corps #listeartistes b {
  font-size: 12px;
  color: #DE3454;
  margin: 1px 0px 3px 0px;
}

#corps #listeartistes p {
  font-size: 11px;
  margin: 3px 0px 1px 0px;
}

#dhtmltooltip {
  position: absolute;
  width: 260px;
  min-height: 91px;
  _height: 91px;
  border: 1px solid #000000;
  background-color: #014a96;
  background-color: #ffffff;
  visibility: hidden;
  z-index: 100;
}

#dhtmltooltip img {
  height: 75px;
  border: 1px solid #000000;
  float: left;
  margin: 7px 10px 5px 7px;
}

#dhtmltooltip p {
  margin: 5px 7px 7px 7px;
  color: #000000;
  font-size: 11px;
  text-align: left;
}


/* ----- Artiste ----- */

#artiste {
  position: absolute;
  left: 845px;
  top: 155px;
  width: 140px;
  height: 310px;
  text-align: center;
}

#artiste p {
  margin: 15px 5px 10px 5px;
  font-size: 11px;
  text-align: left;
}

#artiste a {
  color: #DE3454;
  font-size: 11px;
  text-decoration: none;
}

#artiste a:hover {
  text-decoration: underline;
}

#artiste p.total {
  position: absolute;
  left: 10px;
  top: 280px;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #ffffff;
  padding: 1px;
  text-align: center;
}

#legende {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 140px;
  height: 25px;
  color: #ffffff;
  font-size: 11px;
}


/* ----- Oeuvres ----- */

#oeuvres {
  position: absolute;
  overflow: auto;
  left: 394px;
  top: 469px;
  width: 597px;
  height: 137px;
}

#oeuvres2 {
  position: absolute;
  /*overflow: hidden;*/
  left: 394px;
  top: 469px;
  width: 597px;
  height: 137px;
}

#oeuvres td {
	white-space: nowrap;
  padding: 10px 8px 0px 8px;
}

#oeuvres a {
  margin: 20px 10px 20px 10px;
  color: #DE3454;
  text-decoration: none;
}

#oeuvres a:hover {
  text-decoration: underline;
}

#oeuvres p {
  font-size: 12px;
}


/* ----- Actualités ----- */

img.actu {
  margin: 0px 15px 15px 15px;
  float: left;
}