body {
	background: #313131 url(../images/fondsiteweb.jpg) no-repeat;
	color: #ffffff;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

img {
    border: 1px solid #767676;
}
img.ssBordure {
    border-width: 0px;
}
img.vignette {
    width: 193px;
    height: 128px;
}
img.vignettePortrait {
    width: 128px;
    height: 193px;
}
img.bandeau {
    width: 468px;
    height: 60px;
}
img.vignetteBandeau {
    width: 350px;
    height: 40px;
}

.hidden {
    display: none;
}

.visible {
    display: table;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

a {
	text-decoration: underline;
	color: #ffffff;
	font-weight: bold;
}
a:hover {
	color: silver;
	text-decoration: none;
}

/************************************************************/
a.menu {
	margin: 0px;
	padding: 1px;
	display: inline;
	color: #000000;
	text-decoration: none;
}
a.menuautre {
    margin: 0px;
	padding: 1px;
	display: inline;
	color: green;
	text-decoration: none;
}
a.menu:hover {
	background: #CC2626;
	color: #ffffff;
}
a.menuautre:hover {
	background: #CC2626;
	color: #feec2f;
}
a.menuselected {
    margin: 0 5px;
	padding: 1px;
	display: inline;
	width: 70px;
	background: #D12727;
	color: #ffffff;
	text-decoration: none;
}


/************************************************************/
#conteneur {
    background: #000000 url(../images/bg_conteneur.gif) repeat-y;
	margin: 0px auto;
	width: 752px;
}

#header {
	background: url(../images/header5.jpg);
	margin: 0 15px;
	height: 174px;
	text-align: left;
}

#right {
    float: right;
	margin-right: 15px;
	width: 200px;
}

#center {
	margin: 0 220px 0 20px;
}

#footer {
    clear: both;
	background: #000 url(../images/footer2.gif) no-repeat;
	text-align: right;
	padding-top: 5px;
	margin: 0px 20px;
	width: 710px;
	height: 129px;
}

.txtCenter {
	text-align: center;
}
.txtRight {
	text-align: right;
}
.txtLeft {
	text-align: left;
}
.txtJustify {
	text-align: justify;
}
.txtTop {
	vertical-align: top;
}
.txtMiddle {
	vertical-align: middle;
}
.txtPetit {
	font-size: 0.9em;
}

/**************************************************************/
#pub {
	text-align: center;
}

/***************************************************************/
#alaffiche {
    background: url(../images/alaffiche5.gif) no-repeat;
	padding: 50px 0px 10px 0px;
}
#alaffiche table td{
	padding: 0px 10px 10px 10px;
}
#alaffiche .artiste {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #feec2f;
}
#alaffiche .premierePartie {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	color: #feec2f;
}

/***************************************************************/
.periode {
	font-weight: bold;
}

#programmation {
    padding: 0px 0px 20px 10px;
}
#programmation .periode {
	color: #CC0000;
}

#archives {
    background: url(../images/archives.gif) no-repeat;
	padding: 30px 5px 20px 15px;
}
#archives .periode {
	color: green;
}

#news {
    background: url(../images/news.gif) no-repeat;
	padding: 60px 0px 20px 10px;
	margin-left: 5px;
}
#news .periode {
	color: #feec2f;
}

/***************************************************************/
#erreur {
    background: url(../images/desole.gif) no-repeat;
	padding: 40px 0px 20px 0px;
	text-align: center;
}

/***************************************************************/
.date {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

/***************************************************************/
.evenement {
    padding: 10px 0px;
}
.evenement table td{
	padding: 10px;
}
.evenement .artiste {
	display: block;
	font-size: 2em;
	font-weight: bold;
	color: #CC0000;
}
.evenement .premierePartie {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #feec2f;
}
.evenement .infos {
	text-align: justify;
}
.evenement .infos img {
	width: 400px;
}

/***************************************************************/
.menuinline {
	background: url(../images/menu3.gif) no-repeat;
	height: 24px;
	padding: 5px 0px 0px 0px;
}

/***************************************************************/
#presentationMenu {
    background: url(../images/presentationsalle5.gif) no-repeat;
	padding: 65px 10px 10px 10px;
}
#presentationMenu img {
    width: 114px;
    height: 87px;
}
#presentationMenu table td{
	padding: 10px;
}

#presentation {
    text-align: justify;
}
#presentation td {
    padding: 10px;
}

#contact {
    text-align: justify;
}
#contact td {
    padding: 10px;
}
#contactMail {
    margin: 0px auto;
}

/**************************************************************/
#newsletter {
	background: url(../images/newsletter6.gif) no-repeat;
	padding: 30px 0px 20px 0px;
	text-align: center;
	font-size: 0.9em;
}
#newsletter form {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#newsletter .messages {
    color: #feec2f;
}

/****************************************************************/
#calendar {
	background: url(../images/calendrier5.gif) no-repeat;
	padding: 30px 0px 20px 20px;
}

.cursor_pointer {
    cursor: pointer;
}

#calendar table {
	background: #000;
	border-collapse: separate;
	border: 1px solid #767676;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}

#calendar table th {
	padding: 2px;
	background: #DB0000;
	color: #ffffff;
}
#calendar table td {
	padding: 1px;
	text-align: center;
	padding: 2px;
	background: #000;
}
#calendar table td.select {
	background: #cccccc;
}
#calendar table td.evenement {
	background: #DB0000;
}
#calendar a {
	text-decoration: none;
	color: #ffffff;
}
#calendar a:hover {
	color: #000;
}

/****************************************************************/
.partenaire {
	background: url(../images/partenaires5.gif) no-repeat;
	padding: 30px 20px 20px 20px;
	text-align: left;
}
.partenaire table td {
	padding: 10px;
}

/****************************************************************/
#financeur {
	background: url(../images/financeur5.gif) no-repeat;
	padding: 30px 0px 10px 20px;
	text-align: left;
}
#financeur table td {
	padding: 10px;
}

/****************************************************************/
a.buy {
	margin-top: 10px;
	display: block;
	background: url(../images/bt_billet.gif) no-repeat;
	width: 178px;
    height: 15px;
}
a.buy:hover {
	background: url(../images/bt_billet2.gif);
}

.free {
	margin-top: 10px;
	background: url(../images/bt_gratuit.gif) no-repeat;
	width: 67px;
    height: 15px;
}
.free:hover {
	background: url(../images/bt_gratuit2.gif);
}

/*************************************************************/
.champs {
	border: 1px solid #ccc;
	font-size: 1em;
}
textarea {
	border: 1px solid #ccc;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 300px;
	height: 100px;
}
.bt {
	border: 1px solid #ccc;
	font-size: 0.9em;
	background: #c00;
	color: #ffffff;
}
.bt:hover {
	cursor: pointer;
}

/************************************************************/
.objetFlash {
	vertical-align: middle;
	margin: 5px 0px;
}

/**************************************************************/
#admin {
	text-align: center;
}
#admin table {
	margin: 0px auto;
}
#admin table.gestion {
    border: 1px solid #767676;
}
#admin table.gestion th {
	padding: 2px;
	background: #DB0000;
	color: #ffffff;
	border: 1px solid #767676;
}
#admin table.gestion td {
    border: 1px solid #767676;
}
#admin table.gestion img {
    border-width: 0px;
}

select {
    background-color: #ffffff;
    border: 1px solid #767676;
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    z-index:1;
}

/*==============================================*/
/* ConceptRTE body                              */
/*==============================================*/

body.rte {
   padding: 0px;
   margin: 0px;
   text-align: left;
   background-color: #ffffff;
   color: #000000;
   z-index:1;
}

/*==============================================*/
/* Applicable to a DIV tag                      */
/*==============================================*/

.rowTitle {
   border: none;
   text-decoration: none;
   position:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:small;
   font-weight: bold;
   width: 800px;
   z-index:1;
   clear:both;
}

.row {
   border: none;
   text-decoration: none;
   position:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:x-small;
   width: 800px;
   z-index:1;
   text-align: justify;
   clear:both;
}

.rowPopup {
   border: none;
   text-decoration: none;
   text-align: center;
   position:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:x-small;
   z-index:1;
   clear:both;
}

/*==============================================*/
/* Applicable to a SPAN tag to be used in a row */
/*==============================================*/

.label {
   position: relative;
   text-align: right;
   vertical-align: baseline;
   padding-right: 15px;
   left: 0px;
   font-weight: bold;
   width: 50%;
   z-index:1;
   font-size: xx-small;
   float:left;
}

.field {
   vertical-align: baseline;
   position: relative;
   font-size: xx-small;
   z-index:1;
   float:left;
}

.rteColumn {
   position: relative;
   text-align: left;
   vertical-align: top;
   padding-left: 15px;
   left: 0px;
   width: 570px;
   z-index:1;
   float:left;
}

.labelPopup {
   position: relative;
   vertical-align: baseline;
   font-weight: bold;
   z-index:1;
   font-size: xx-small;
   float:left;
}

.fieldPopup {
   vertical-align: baseline;
   position: relative;
   font-size: xx-small;
   z-index:1;
   float:left;
}

.btnImage { background-color: #DB0000; border: 1px solid #DB0000; cursor: pointer; }
.btnImageRaised { background-color: #ffffff; border: 1px solid #767676; cursor: pointer; }
.btnImageLowered { background-color: #ffffff; border: 1px solid #767676; cursor: pointer; }
.vertSep { background-color: #DB0000; border:1px inset #767676;font-size:0px; width:1px; height:20px; }
.btnBack { background-color: #DB0000; border:1px outset #767676; letter-spacing:0; padding-top:2px; padding-bottom:2px }

/**************************************************************/
.lien_newsletter {
	padding: 10px 0px;
	text-align: center;
	font-size: 0.9em;
}

#header_newsletter {
	margin: 0 15px;
	text-align: left;
}
#header_newsletter img {
	border-width: 0px;
}

#corps_newsletter {
	margin: 0px 30px;
}
#corps_newsletter .texte {
	padding: 10px 10px 30px 10px;
}