@import "calendrier.css";

a {outline:none;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

h1 {font-weight:normal; font-size:18px; margin-top:0;}

h2 {font-weight:normal; font-size: 14px; margin-top:0; color: #958675;}

h3 {font-weight:normal; font-size:13px; margin-top:0;}

td.contenu {
	padding:20px;
	padding-top: 40px;
	background:#FFFFFF;
}


/* Colonnes de contenu */
#col_gauche {float:left; width:23%; height: 450px;}
#col_centre {float:left; width:50%; padding:0 10px;}
#col_droite {float:left; width:24%; }

/*#col_centre p {text-align:justify;}*/

#col_centre a:link {color:black; text-decoration:underline;}
#col_centre a:visited {color:black; text-decoration:underline;}
#col_centre a:hover {color:#c3b857; text-decoration:none;;}
#col_centre a:active {color:black; text-decoration:none;}

a:link.noirunderline {color:black; text-decoration:underline;}
a:visited.noirunderline {color:black; text-decoration:underline;}
a:hover.noirunderline {color:#c3b857; text-decoration:underline;}
a:active.noirunderline {color:black; text-decoration:underline;}

.beige {color:#958675;}

a.lienstop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 16px;
}

a:hover, a:hover.urlaccueil, a:hover.menusoussection{
	color: #CEC67E;
	text-decoration: none;
}

p.menusoussection{color:black;}


input, form, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	border: 1px;
	border-color:#666666;
}

a.urlaccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ABABAB;
	text-decoration: none;
}


ul {
	padding-left: 13px; 
	margin-left: 3px; 
	padding-bottom: 0px; 
	margin-bottom: 0px;
	padding-top: 2px;
	margin-top: 2px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
td.menusection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #14080A;
	padding-left: 15px;
}

a.menusoussection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

li.flecherouge {
	list-style-position: outside;
	list-style-image: url(../fr/img/li-flecherouge.gif);

}

/** TABLEAU DISCOGRAPHIE **/
table.discographie {width:100%;}
.discographie p {margin:0; padding:0;}
.discographie td {border-left:1px solid #BFBFBD; padding:7px;}
.discographie th {padding:7px;}
.discographie th.horizontal {color:white; background-color:#000000;}
.discographie th.vertical {color:white; background-color:#A91A33; border-top:1px solid white;}


/* sous menu gauche */


a.sousmenuniv2, #col_centre a.sousmenuniv2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737477;
	text-decoration: none;
}
a:hover.sousmenuniv2, #col_centre a:hover.sousmenuniv2  {
	color:#c3b857;
}

li.sousmenuniv2 { 
	background-image: url(../fr/img/fleche-link.gif);
	background-repeat:no-repeat;
	list-style: none;
	padding-left: 15px;
	background-position: 0px 2px;
	margin-bottom: 8px;
}

.sousmenuniv2 p {
	margin:0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

/* TABLEAU PLAN SALLE */
#liste_plansalle a:link, #liste_plansalle a:visited, #liste_plansalle a:hover,#liste_plansalle a:active {color:#737477; font-size:12px; text-decoration:none;}
#liste_plansalle li {padding:0 0 3px 0;}
#type_concerts table {border-collapse:collapse; clear:both;}
#type_concerts table td {vertical-align:top; padding:5px;}
.bulletrouge {list-style:url(img/bullet_flecherouge.gif);}
.nobullet {list-style:none; font-weight:bold;}
#col_centre .nobullet a:link, #col_centre .nobullet a:visited, #col_centre .nobullet a:hover, #col_centre .nobullet a:active {color:black;}

/** INFOLETTRE PAGE ACCUEIL **/
.confirm {position:absolute; top:50%; left:40%; background-color:#FFF; padding:30px 30px 60px 30px; /*border:4px solid #CE2439;*/background-color:transparent;
	background-image:url(../fr/img/infolettre_ombre.png);
	background-repeat:no-repeat;
	background-position:top left;}
#hiddenModalContent {width:166px;}
#formulaire_infolettre p {text-align:right; margin:0; padding:0 0 10px 0;}
#formulaire_infolettre ol {list-style:none; margin:0; padding:0;}
#formulaire_infolettre label {display:block;}
#formulaire_infolettre input {padding:2px;}
#formulaire_infolettre #formulaire_erreur {background-color:#CE2439; color:#FFF; padding:5px;}
#formulaire_infolettre #formulaire_erreur p {text-align:left; padding:0; font-size:9px;}

a.plus, a.moins {padding:0 0 0 15px; color:black; font-size:12px;}
a.plus {background:url(img/plus.gif) no-repeat left center;}
a.moins {background:url(img/moins.gif) no-repeat left center;}

/* FORMULAIRE APPUI */
#formulaire_appui ol {list-style:none; margin:0; padding:0;}
#formulaire_appui ol li {clear:both; padding: 0 0 13px 0;}
#formulaire_appui label {float:left; display:block; width:120px;}
#formulaire_appui input {border:1px solid black; width:70%; padding-left:3px;}
#formulaire_appui select {border:1px solid black; width:70%; padding-left:3px;}
#formulaire_appui textarea {width:70%; height:100px; border:1px solid black; padding-left:3px;}
#formulaire_appui p input {margin: 0 0 0 10px; width:100px; padding:3px 0; color:black;}

#formulaire_appui .invalide {border:1px solid red;}


/* FORMULAIRE APPUI */
#formulaire_econ input {border:1px solid black;}
#formulaire_econ select {border:1px solid black;}
#formulaire_econ textarea {border:1px solid black;}

.musiciens {text-align:right;}



/* BOUTON BILLETCH */
.billetech_zone{
	margin-bottom:15px;
}

#col_centre a.btn_acheter_billetech, a.btn_acheter_billetech{
	background: url('/images/btn_achat_billet.gif') top left no-repeat;
	color: white;
	padding-left: 42px;
	width: 124px;
	height: 41px;
	line-height: 41px;
	text-decoration:none;
	display:block;
	position:relative;
	left:-4px;
}

#col_gauche a.btn_acheter_serie_billetech{
	background: url('/images/btn_achat_serie.gif') top left no-repeat;
	color: white;
	padding-left: 42px;
	width: 168px;
	height: 43px;
	text-decoration:none;
	display:block;
	position:relative;
	left:-4px;
}


a.btn_acheter_billetech:hover, #col_centre a.btn_acheter_billetech:hover{
		color: white;
		text-decoration:underline;
}

div.billetech_zone_explanation{
	background-color: #ca243f;
	color: white;
	width:248px;
	padding: 10px;
	font-size:11px;
	margin-top:65px;
	position:absolute;
	z-index: 1;
}

.billetech_zone_explanation p, .billetech_zone_explanation a{
	color: white;
	font-size:11px;
	text-decoration:none;
}

.billetech_zone_explanation a:hover{
	text-decoration:underline;
}


.billetech_zone_explanation .billetech_zone_explanation_nav{
	text-align:right;
}


.billetech_zone a.lnk_billetech_zone_explanation{
	color: #666;
	font-size:11px;
	text-decoration:none;
}

.billetech_zone a.lnk_billetech_zone_explanation:hover{
	color: #c3b857;
	font-size:11px;
	text-decoration:none;
}

.billetech_zone_explanation .billetech_zone_explanation_arrow{
	background: transparent url('/images/top_fleche_zone_billet.gif') no-repeat scroll left top; 
	position: absolute;
	width: 25px;
	height: 6px;
	margin-top: -16px;
	margin-left: -10px;
}


/* BANDEAU BILLETCH ACCUEIL */
.bandeau_billetech{
	position:absolute;
	margin-top:139px;
}

.bandeau_billetech .bandeau_trans{
	background: url('/images/bandeau_accueil_billetech.gif') 34px 5px no-repeat #ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	width: 716px;
	height:70px;
	z-index:1;
}

.bandeau_billetech .bandeau_expl{
	background: url('/images/bandeau_bas_acc.gif') bottom left no-repeat;
	width: 716px;
	height:70px;
	position:relative;
	top: 70px;
	z-index:2;
}
.bandeau_billetech .bandeau_expl .bandeau_expl_content_left{
	width: 480px;
	height:40px;
	padding-left:100px;
	padding-top:30px;
	color:#fff;
	float:left;
	font-size:14px;
	font-weight:bold;
}
.bandeau_billetech .bandeau_expl .bandeau_expl_content_right{
	height:40px;
	color:#fff;
	float:left;
	width:136px;
}

.bandeau_expl_content_right .bandeau_close{
	padding: 9px 9px 0 0;
	height: 32px;
	width: 127px;
	text-align:right;
}

.bandeau_more_info{
	padding: 0px 9px 0 0;
	height: 21px;
	width: 127px;
	text-align:right;
}

.bandeau_more_info a{
	color:#000;
	background: url('/images/more_info_acc.gif') right center no-repeat;
	padding-right: 18px;
	text-decoration: none;
}
.bandeau_more_info a:hover{
	text-decoration:underline;
}