body {
  font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align: center;
  margin : 0;
  background: #000 url(../images2010/fond_page.jpg) 0 0 no-repeat;
}
body * {
  font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#page {
 width:873px;
 margin:0 auto;
 text-align: left;
}
.ie #page {
 width:880px;
}
.popup #page {
 width:90%;
 margin:0 auto;
 text-align: left;
 background-color: #fff;
 padding: 15px;
 margin: 5px;
 border: 1px solid #000;
}

.popup-paiement #page {
  min-width:750px;
}
.ie6 .popup-paiement #page {
  width:750px;
}

#pageContainer {
  background: #fff url(../images2010/bg_page.gif) 0px 0px repeat-y;
}


/* == Left Col ================================================ */
#pageContainer #leftCol {
  float: left;
  background: #5C86A5 url(../images2010/bas_cell.gif) 0 0 no-repeat;
  width: 240px;
  padding-bottom: 20px;
}
.paiement #leftCol {
  display:none;
}

#pageContainer #leftCol h1#logo {
  margin: 0;
  padding: 0;
}
#pageContainer #leftCol #logo a {
  display: block;
  width: 240px;
  height: 190px;
  overflow: hidden;
  text-indent: -200em;
}

#pageContainer #leftCol #headline {
  height: 160px;
  visibility: hidden;
  color:#fff;
}

/* -- menu artists --- */
#pageContainer #leftCol #ulArtists {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
#pageContainer #leftCol #ulArtists li {
  margin: 0;
  padding: 0;
}
#pageContainer #leftCol #ulArtists li a {
  display: block;
  margin: 0;
  padding: 4px 5px;
  text-align: right;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  text-decoration: none;
}
.ie #pageContainer #leftCol #ulArtists li a {
  letter-spacing: -0.05em;
}
#pageContainer #leftCol #ulArtists li a:hover {
  color:#96C1E1;
}

#pageContainer #leftCol #basketLinks {
  padding : 20px 0;
  text-align: center;
}
#pageContainer #leftCol #basketLinks a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#pageContainer #leftCol #basketLinks a.en {
  font-style: italic;
}

#pageContainer #leftCol #bookingLinks {
  padding : 20px 0;
  text-align: center;
}
#pageContainer #leftCol #bookingLinks a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#pageContainer #leftCol #login {
  color: #fff;
  text-align: center;
}
#pageContainer #leftCol #login a {
  color: #96c1e1;
}
#pageContainer #leftCol #login .error {
  display: block;
  background-color: #CBD200;
  color: red;
  text-align: center;
}
/* == /Left Col ================================================ */

/* == Right Col ================================================ */
#pageContainer #rightCol {
  float: left;
  width: 633px;
  background: transparent url(../images2010/bg_header.jpg) right top no-repeat;
}/*
.ie #pageContainer #rightCol {
  border: 1px dotted #fff;
}*/

.paiement #pageContainer #rightCol {
  background: #fff;
  width: 100%;
}
#headerContentPaiement,
.paiement #headerContent {
  display:none;
}

.paiement #headerContentPaiement {
  display:block;
  text-align: center;
  background:  #5C86A5 url(../images2010/Logo_Dinard_100x73.jpg) 1px 1px no-repeat;
  height: 75px;
}
.paiement #headerContentPaiement h1 {
  margin: 0;padding: 0;
  color: #fff;
  line-height: 73px;
}

#pageContainer #rightCol #headerDate {
  height: 53px;
  position: relative;
  text-align: right;
}
#pageContainer #rightCol #headerDate span {
  bottom:5px;
  color:#FFFFFF;
  display:block;
  height:25px;
  line-height:25px;
  padding-left:45px;
  position:absolute;
  right:0;
  text-align:left;
  background: url(../images2010/piano-blanc.png) 0 0 no-repeat
}
#pageContainer #rightCol #headerDate a {
  color: #fff;
}
/*-- Menu Dates Concerts----*/
#pageContainer #rightCol #headerDateConcerts {
  height: 52px;
  margin: 2px 0 30px 0;
}
#pageContainer #rightCol #headerDateConcerts ul {
  height: 52px;
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
#pageContainer #rightCol #headerDateConcerts li {
  float: left;
  margin: 0;
  padding: 0;
  width:10%;
  text-align: center;
}
#pageContainer #rightCol #headerDateConcerts li a {
  text-decoration: none;
}
#pageContainer #rightCol #headerDateConcerts li a.lienWd {
  color: #37daf9;
  font-size: 1.2em;
}
#pageContainer #rightCol #headerDateConcerts li a.lienD {
  color: #8b8b8b;
  font-size: 1.8em;
}
/*-- /Menu Dates Concerts----*/


/* ---Menu CMS --------------------------- */
#pageContainer #rightCol #menuContent {
  height: 27px;
  margin: 2px 0 30px 0;
}
.paiement #pageContainer #rightCol #menuContent {
  background-color: #EFF8FF;
}
#pageContainer #rightCol #menuContent ul {
  height: 27px;
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
#pageContainer #rightCol #menuContent li {
  float: left;
  margin: 0;
  padding: 0;
  width:25%;
  text-align: center;
}
#pageContainer #rightCol #menuContent li a {
  display: block;
  color: #000;
  height: 27px;
  font-size: 1.2em;
  background: url(/images2010/puce_nav.gif) bottom center no-repeat;
  text-decoration: none;
}
/* --- /Menu CMS --------------------------- */

/* -- Contenu de la page ------------------- */
#pageContainer #rightCol #pageContent {
  padding: 180px 20px 15px 20px;
  font-size: 1em;
}
.paiement #pageContainer #rightCol #pageContent {
  padding-top: 30px;
}
h1.pageTitle {
  margin: 0;
  padding: 0;
  color:#7ab2dc;
}
h2.pageSubTitle {
  margin: 0;
  padding: 0;
  color:#CBD200;
}
#pageContainer #rightCol #pageContent h2.where {
  margin: 0;
  padding: 0;
  color:#000;
  font-weight: normal;
}
#pageContainer #rightCol #pageContent h2.where strong,
#pageContainer #rightCol #pageContent h2.where span {
  color:#CBD200;
}
#pageContainer #rightCol #concertTitles {
  text-align: right;
  margin-bottom: 15px;
}


#pageContent a {
  color : #5C86A5;
}
#pageContent a:hover {
  color:#96C1E1;
}
#pageContainer #rightCol #pageContent #placesDispoLinks {
  color:#7ab2dc;
}

/* -- /Contenu de la page ------------------- */


/* -- Page BON de Commande ------------------- */
#tbCommande {
  width: 95%;
  margin: 10px auto;
  padding: 0;
  border: 1px solid #5C86A5;
  border-collapse: collapse;
}


.ie .popup-paiement #tbCommande {
  min-width: 800px;
}
#tbCommande th,
#tbCommande td {
  padding : 2px;
  margin : 0px;
  border: 1px solid #5C86A5;
  font-size: 0.9em;
}

div#infoTarifs {
  min-width:450px;
}
div#infoTarifs h3 {
  margin:0;
  padding: 2px 0
}
div#infoTarifs ul {
  float:left;
  width:48%;
  padding-left:15px;
  margin: 0px;
}
div#infoTarifs .legend {
  clear: both;
}

/* -- /Page BON de Commande ------------------- */


/* -- Page PLAN DE LA SALLE ------------------- */
#scene {
  background-color: #5C86A5;
  text-align: center;
  margin: 0 auto;
}
#scene h2 {
  color:#fff;
}
#tbPlanSalle {
  width: 95%;
  margin: 0px auto;
  padding: 0;
  /*border-collapse: collapse;*/
  border-collapse: separate;
}
#tbPlanSalle td {
  font-size: 0.9em;
  padding : 0px;
  margin : 0px;
  width:33px;
  border: 1px solid #fff;
}
#tbPlanSalle td.libre,
#tbPlanSalle td.reservee {
  border: 1px solid #5C86A5;
}
#tbPlanSalle td a {
  color: #5C86A5;
  display: block;
  text-decoration: none;
}
#tbPlanSalle td a:hover {
  text-decoration: none;
  background-color:#96C1E1;
}

.reservee {
  border: 1px solid #fff;
  background-color: #5C86A5;
  color: #fff;
}
.libre {
  border: 1px solid #5C86A5;
  background-color: #fff;
  color: #5C86A5;
}
#ulLegendePlanSalle {
  margin: 0;padding: 0;
  list-style: none;
}
#ulLegendePlanSalle li {
  display: inline;
  margin: 3px 5px;;
  padding: 3px 15px;
  list-style: none;
}
/* -- /Page BON de Commande ------------------- */



/* -- Footer ------------------- */
#pageFooter {
  position: relative;
  clear: both;
  background: url(/images2010/bg_footer.gif) right no-repeat;
  height: 71px;
  width: 633px;
  margin: 20px 0 0 240px;

}
.paiement #pageFooter{
  background: #5C86A5;
  width: 100%;
  margin-left: 0;
  text-align: center;
}

#pageFooter .hrFooter {
  color: #CBD200;
  height: 1px;
  margin: 0px 15px 5px 15px;
}
#pageFooter ul#footerLinks {
  margin: 0;
  padding: 0;
  list-style: none;
}
#pageFooter ul#footerLinks li {
  margin: 0;
  padding: 0;
  display: inline;
}
#pageFooter ul#footerLinks li a{
  text-decoration: none;
  color : #000;
  padding: 0 15px;
}
#pageFooter #newsletter {
  clear: both;
  text-align: center !important;
}
#pageFooter #newsletter a{
  text-decoration: none;
  color : #fff;
}
#pageFooter #copyrights {
  text-align: center;
  color : #fff;
}
/* -- /Footer ------------------- */

/* == /Right Col ================================================ */

#divInfoBanque {
 width:50%;
 margin:15px auto;
}
#divInfoBanque img {
 float: left;
}

#admin {
  position: absolute;
  right: 0;
  width: 280px;
  height: 80px;
  margin-top:-120px;
  z-index:5;
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  padding:5px;
  text-align: right;
}

/* Classes ---------------------------------- */
.centertxt {
  text-align: center;
}

.ie6 .sc {
  height: 1%;
}
.sc:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;

}