@charset "iso-8859-1";

body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	text-align:left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
   background: black url(../images/dev_bg_514_w.gif);
}

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

img{
   border: 0px;
}

h1, h2{
   padding-top: 0px;
   margin-top:0px;
}

caption.titre{
   font-size:16px;
   font-weight:bold;
}

/* --------------------------------- Typo générale ----*/
.txtBlanc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #FFFFFF; text-decoration:none;}
.texteMauve { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #442CCE; text-decoration:none;}
.texteNoir { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #000000; text-decoration:none;}
.TitreMauve { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #442CCE; text-decoration:none;}
.txtgris { font-family: Arial, Helvetica, sans-serif; font-size: 7px; line-height: 14px; color: #AFADB0; text-decoration:none;}

.input_long {background-color:#FFFFFF; width : 160px; height: 16px; border : solid #000000; border-width : 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.input_court {background-color:#FFFFFF; width : 100px; height: 16px; border : solid #000000; border-width : 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}

a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-decoration:none; color:#000000; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-decoration:underline; color:#331840;}
a:visited {text-decoration:none; color:#000000;}
/*a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-decoration:none; color:#000000;}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-decoration:none; color:#331840;}*/

/******/
a.titre{color:#442CCE};
a.titre:visited {color:#442CCE};

.titre_page{
	font-weight: bold;
	font-size: 20px;
}

ul.faq{

}

ul.faq li{
	color: black;
	padding-bottom:8px;
}

.question{
	font-weight: bold;
}

ul.corporatif{

}

ul.corporatif li{
	color: black;
	padding-bottom:8px;
}

table.contact{
	border: 1px solid black;
	width: 600px;
}

table.contact th{
	color: white;
	font-weight: bold;
	text-align:center;
	background-color: black;
}

table.contact td{
	text-align:center;
	padding-bottom: 8px;
}

table.contact_message{
	border: 1px solid black;
	width: 600px;
}

table.contact_message td{
	font-weight:bold;
   font-size:12px;
   padding-left:6px;

}

td.header{
   background-color: #000000;
   color: white;
   font-size:12px;
   font-weight:bold;
}


tr.impair{
   background-color: #E2DDE4;
}

tr.pair{
   background-color: #F6F6F8;
}

.bottom_policy{
   font-family: verdana,arial;
   font-size: 10px;
   color: #777777;
   margin-bottom: 10px;
}

table.calendar_header{
   background-color: black;
   width:162px;
}

table.calendar_header td{
   padding: 2px 0px 2px 0px;
}

table.calendar_header a{
   color:white;
   text-decoration:none;
   font-weight: bold;
}

table.calendar_header a:hover{
   color:white;
}

table.calendar_header a:visited{
   color:white;
   text-decoration:none;
}


/******/

.calendar {
   width:162px;
   /*border: 1px solid black;*/
   border-collapse: collapse;
}

.month {
   background-color:transparent;
   font:bold 12px arial;
   color:#000000;
}

.days {
   font-size: 12px;
   font-family:arial;
   color:black;
   background-color: white;
   padding:2px;
}

.event_day {
   font-size: 12px;
   font-family:arial;
   color:black;
   background-color: #887790;
   color: white;
   padding:2px;
   cursor:pointer;
}

.event_day_big {
   font-size: 12px;
   font-family:arial;
   color:black;
   background-color: white;
   padding:2px;
}

.today_big {
   font-size: 12px;
   font-family:arial;
   background-color: #887790;
   color: white;
   padding:2px;
}

#today{
   font-weight: bold;
   color:#FFFFFF;
   background-color:#887790;
}

/* Gros calendrier*/
table.big_calendar {
   width:98%;
   border: 1px solid black;
   border-collapse: collapse;
   height: 30px;
}

table.big_calendar_header{
   background-color: black;
   width:98%;
   height: 30px;
}

table.big_calendar th {
   font-size: 12px;
   font-weight: bold;
   color: white;
   background-color:black
}

table.big_calendar_header td {
   font-size: 14px;
   font-weight: bold;
   color: white;
}


table.big_calendar_header a{
   color:white;
   text-decoration:none;
   font-weight: bold;
}

table.big_calendar_header a:hover{
   color:white;
}

table.big_calendar_header a:visited{
   color:white;
   text-decoration:none;
}

span.date_number{
   display:block;
   font-size:16px;
   font-weight:bold;
}

span.date_number_today{
   display:block;
   font-size:16px;
   font-weight:bold;
   text-decoration:underline;
}

span.evenement_calendar{
   display:block;
   margin-bottom: 14px;
}

span.evenement_calendar a{
   color:white;
}

span.evenement_calendar a:hover{
   text-decoration: underline
}

span.evenement_calendar a:visited{
   color:white;
}

.event_day_big span.evenement_calendar a{
   color:black;
}

.today_big span.evenement_calendar a{
   color:white;
}

td#selected{
   background-color: #edb224;
}
/* --------------------------------- Document principal ----*/
div#mainDiv {
	position:relative;
	margin:0 auto;
	width:920px;
	height:auto;
	z-index:1;
}

div#top {
	position:relative;
	margin:0 auto;
	width:920px;
	height:230px /*auto*/;
	z-index:1000;
}
div#contenu{
   width:920px;
	overflow:hidden;
	min-height:800px;
	background: white url(../images/backgroundCentre.jpg) repeat-x;
	z-index:50;
}
	
div#gauche {
	position:relative;
	margin:0 auto;
	width:210px;
	/*
	height:auto;
	min-height:800px;
	*/
	float:left;
   z-index:60;
}

div#centre {
	position:relative;
	width:710px;
	height:auto;
	float:left;
	/*height:700px;*/
   /*overflow:auto;*/
   z-index:60;
}

div#flecheC {
	width:80px;
	margin-left:3px;
	margin-right:3px;
}
	
div#gaucheDate {
	margin:0 auto;
	width:200px;
	height:22px;
	float:left;
	margin-left:5px;
	padding-top:10px;
}

div#gaucheAddThis {
	margin:0 auto;
	width:200px;
	height:20px;
	float:left;
	margin-left:5px;
	padding-top:4px;
	padding-bottom:10px;
}

div#gaucheAddThis a{
	color:white;
	font-weight:bold;
	font-size:12px;
}

div#gaucheRecherche {
	margin:0 auto;
	width:200px;
	height:42px;
	float:left;
	margin-left:5px;
	}
	
div#gaucheInscription {
	margin:0 auto;
	width:200px;
	padding-bottom:12px;
	float:left;
	margin-left:5px;
	}
	
div#gaucheInscription2 {
	margin:0 auto;
	width:180px;
/*	height:40px; */
	float:left;
	padding-bottom:10px;
	}
	
div#gaucheBulletin2 {
	margin:0 auto;
	width:190px;
	height:20px;
	float:left;
	}
	
div#gaucheCategories {
	margin:0 auto;
	width:200px;
	height:auto;
	float:left;
	margin-left:5px;
	padding-bottom:16px;
	}

div#gaucheBulletin {
	margin:0 auto;
	width:200px;
	height:70px;
	float:left;
	margin-left:5px;
	}
	
div#gaucheCalendrier{
	margin:0 auto;
	width:200px;
	height:250px;
	float:left;
	margin-left:5px;
	}


.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:160px;
  overflow: hidden;
  /*border:#AFADB0;
  border-width: 1px;*/
}

.AccordionTitle
{
  height:18px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  font-weight:normal;
  vertical-align:middle;
  text-align:left;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;
  border-bottom: 1px dashed #AFADB0;
  line-height:18px;
  margin-left:20px;
}

.AccordionContent
{
  height:auto;
  overflow: hidden;
  display:none;
  color:#000000;

  margin-left:25px;
  padding-top:5px; 
}

table.bottom td{
   padding-left: 20px;
   padding-right: 20px;
}

input.facture{
   background: none;
   
}

input.button{
   width:80px;
   background-color:#8B7991;
   color:white;
   font-weight:bold;
   padding:2px;
   border:1px solid #381C45;
   text-align:center;
   font-size:12px;
}

table.artist_info{
}

table.artist_info td{
   font-weight: bold;
   padding-left: 6px;
   padding-right: 6px;
   background-color: black /*#E2DDE4*/;
   color: white;
}

table.search{
   border: 1px solid #371B44;
}

table.search th{
   background-color: black;
   color:white;
   font-size:12px;
}

table.evenements {

   border: 1px solid #371B44;
}

table.evenements th{
   background-color: black;
   color:white;
   font-size:12px;
}

/* VENDRE VOS BILLETS */
div.vendre{
   width:600px;
   margin-bottom:10px;
   
}

div.vendre_desc{
   width:580px;
   margin-top:10px;
   padding: 8px 4px 8px 4px;
   border: 1px solid #371B44;
   background-color: #E2DDE4;
}

table.vendre{
   width:588px;
   border: 1px solid #371B44;
}

table.vendre td{
   background-color: #E2DDE4;
}

table.vendre th{
   background-color: black;
   color:white;
   font-size:12px;
}

table.vendre caption{
   background-color: black;
   color:white;
   font-weight: bold;
   text-align: left;
   padding: 4px;
   font-size:12px;
}

table.vendre_list{
   width:600px;
   border: 1px solid #371B44;
}

table.vendre_list th{
   background-color: black;
   color:white;
   font-size:12px;
}

table.vendre_list caption{
   background-color: black;
   color:white;
   font-weight: bold;
   text-align: left;
   padding: 4px;
   font-size:12px;
}

input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2;}

.alerte{
   border: 1px solid black;
   font-weight: bold;
   color:red;
   margin-bottom:10px;
   background: black url(../images/alert.gif) no-repeat;
   padding-left: 32px;
   font-size:12px;
}

.alerte div {
   background-color: #FFFFCC;
   padding: 4px;
}

.alerte_no_img{
   border: 1px solid black;
   font-weight: bold;
   color:red;
   padding: 4px;
   margin-bottom:2px;
   background-color: #FFFFCC;
   font-size:12px;
}

/* SALLE */
table.venue_info {
   border: 1px solid #371B44;
}

table.venue_info table td {
   font-size: 12px;
}

table.venue_info table td a{
   text-decoration: underline;
}

/* PRINCIPAL */
/** http://www.webtoolkit.info/css-vertical-align.html **/
.v-outer {
   width:188px;
   height:119px;
   background-color:#C4C4C4;
   padding:4px;
   
   display: table;
   #position: relative;
   overflow: hidden;
   

   font-size:24px;
   font-weight:bold;
   color: white;
   line-height:24px;
   #cursor:pointer;
}

.v-middle {
   display: table-cell;
   #position: absolute;
   #top: 50%;
   vertical-align: middle;
}

.v-inner {
   #position: relative;
   #top: -50%;
}
                
/* ARTISTE */
div.principal_artist{
   position:relative;
   top:-34px;
   left:-16px;
   z-index:1;
   text-align:center;
}

table.ticket_groups{

}

table.ticket_groups caption{
   text-align:left;
   margin-bottom:0px;
   /*margin-top:10px;*/
   padding-top:10px;
   padding-left: 4px;
   background-color: #E2DDE4;
}

table.ticket_groups caption a{
   font-weight:bold;
   font-size: 12px;
   color:#442CCE;
}

table.ticket_groups td{
   text-align: center;

}

table.ticket_groups th{
   background-color: #887790;
   color:white;
   text-align:center;
}

table.rep_info{
   background-color: #E2DDE4;
}

table.rep_info .first_tr{
   background-color: black;
}

table.rep_info .first_tr td, table.rep_info .first_tr a{
   color:white;
}


table.rep_info td{
   font:bold 12px arial;
   color:#000000;
   padding:4px;
}

table.rep_info td a{
   font:bold 12px arial;
   color:#000000;
}

table.rep_info td.nom_artiste{
   font-size: 14px; line-height: 14px; color: #442CCE; text-decoration:none; font-weight:bold;
}

table.inscription{
   border: 1px solid #371B44;
   width: 500px;
   margin-bottom: 15px;
}

table.inscription caption{
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   color: white;
   background-color: black;
   padding: 4px;
}

table.inscription td{
   width: 250px;
   font-size: 12px;
}

div.div_motpasse{
   width:492px; 
   margin-bottom:10px;
   font-size: 12px;

   border: 1px solid #371B44;
   padding: 4px;
   background-color: #E2DDE4;
}

div.boite_artiste{
   width:640px;
   padding: 8px 4px 8px 4px;
   margin-top:20px;
   margin-bottom:10px;
   border: 1px solid #371B44;
   background-color: #E2DDE4;
}

a.lien_important{
   color: #50315E;
   font-weight:bold;
}

a:visited.lien_important{
   color: #50315E;
}


/* PRÉVENTE */
div.prevente_desc{
   width:580px;
   margin-top:10px;
   margin-bottom:10px;
   padding: 8px 4px 8px 4px;
   border: 1px solid #371B44;
   background-color: #E2DDE4;
   display:block;
}

/* COMMANDES */
table.commande{

}

table.commande tr#recu{
   color: green;
}

table.commande tr#verification{
   color: #FFB900;
}

table.commande tr#annule{
   color: red;
}

table.commande th{
   background-color: black;
   color:white;
   font-size:12px;
}

table.commande td, table.commande th{
   padding: 4px 8px 4px 8px;
}

table.representations{
   width:650px;
   margin-top:10px;
   border: 1px solid #E2DDE4;
}

table.representations caption{
   margin-bottom: 0px;
   margin-top:12px;
   font-weight:bold;
   text-align:left;
   font-size:16px;
}


table.sitemap{
   width:680px;
   padding: 4px 4px 8px 4px;
   margin-bottom:20px;
   border: 1px solid #371B44;
   background-color: #E2DDE4;
}

table.sitemap caption{
   font-size:12px;
   text-align:left;
   background-color:black;
   padding:8px 4px 8px 4px;

   color:white;
   font-weight:bold;
}

table.sitemap caption a{
   color:white;
   font-weight:bold;
}

table.sitemap ul{
   margin-top:0px;
   margin-bottom :0px;
}

table.sitemap ul li{
   margin-bottom:4px;
}


#right_corner_plus{
   font-weight: bold;
   position:relative;
   top: 2px;
   cursor:pointer;
   /*
   padding: 2px 4px 2px 4px;
   width:50px;
   left: 0px;
   */
}


table.event_tickets{
   border: 1px solid #E2DDE4;
   margin-bottom:20px;
   width:650px;
}

.description a{
   text-decoration:underline;
}

div.ticket_note{
   display:none;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1000;
   background-color: #FFFCAF;
   border: 1px solid #CEC831;
   padding: 4px;
   text-align: left;
   width:200px;
   clear:both;
}