body { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; margin:0px; padding:0px; background-image:url(images/body_bicolore.gif); background-position:center; background-repeat:repeat-y }

div#degrade { width:100%; background-image:url(images/degrade.gif); background-position:center top; background-repeat:no-repeat }
div#chardon { width:100%; background-image:url(images/chardon.gif); background-position:center top; background-repeat:no-repeat }
div#page    { margin:0 auto; position:relative; width:986px; background-image:url(images/page2.png); background-position:2px bottom; background-repeat:no-repeat }

.noBorder, .icone { border:0px }
.invisible        { display:none }

/* ========================================================================== */
/*                             COLONNE DE GAUCHE                              */
/* ========================================================================== */
div#colonne_gauche { position:absolute; min-height:830px; left:0px; width:310px }


/* LOGO
/* ========================================================================== */
div#cadre_logo { width:311px; padding-top:60px; text-align:right; background-image:url(images/fond_logo.gif); background-position:top right; background-repeat:no-repeat }


/* MENU PRINCIPAL
/* ========================================================================== */
div#cadre_menu { width:311px; min-height:669px; padding:30px 0px 0px 0px }

div#cadre_menu>h3.menu_rubrique>span, div#cadre_menu>h3.menu_rubrique_select>span, div#cadre_menu>h3.menu_rubrique_select2>span { border:0px; font-size:inherit }
div#cadre_menu>div.ssmenu>h3.menu_page>span, div#cadre_menu>div.ssmenu>h3.menu_page_select>span { border:0px; font-size:inherit }

h3.menu_rubrique         { width:290px; height:38px; font-size:16px; font-weight:bold; text-align:right; margin:0px 0px 0px 0px; padding:10px 21px 0px 0px; background-image:url(images/ombre_menu.png); background-position:right bottom; background-repeat:no-repeat }
h3.menu_rubrique_select  { width:290px; height:38px; font-size:16px; font-weight:bold; text-align:right; margin:0px 0px 0px 0px; padding:10px 21px 0px 0px }
h3.menu_rubrique_select2 { width:290px; height:38px; font-size:16px; font-weight:bold; text-align:right; margin:0px 0px 0px 0px; padding:10px 21px 0px 0px; background-image:url(images/ombre_menu.png); background-position:right bottom; background-repeat:no-repeat }

h3.menu_rubrique a, h3.menu_rubrique a:hover { text-decoration:none; color:#8f6666 }
h3.menu_rubrique_select a, h3.menu_rubrique_select a:hover, h3.menu_rubrique_select2 a, h3.menu_rubrique_select2 a:hover { text-decoration:none; color:#FFF }

div.ssmenu { text-align:right; width:300px; margin:10px 0px 0px 0px; padding:0px 11px 0px 0px; background-image:url(images/ombre_menu.png); background-position:right bottom; background-repeat:no-repeat }

h3.menu_page        { width:296px; height:38px; font-size:14px; font-weight:bold; text-align:right; margin:0px 0px 0px 0px; padding:0px 15px 0px 0px }
h3.menu_page_select { width:296px; height:38px; font-size:14px; font-weight:bold; text-align:right; margin:0px 10px 0px 0px; padding:0px 5px 0px 0px; background-image:url(images/fleche_menu.gif); background-position:right 8px; background-repeat:no-repeat }

h3.menu_page a, h3.menu_page a:hover               { text-decoration:none; color:#FFF }
h3.menu_page_select a, h3.menu_page_select a:hover { text-decoration:none; color:#FFF }


/* ========================================================================== */
/*                             COLONNE DE DROITE                              */
/* ========================================================================== */
div#colonne_droite { margin:0px 0px 0px 311px; padding:0px 20px 0px 14px; width:638px }

/* BANDEAU
/* ========================================================================== */
div#bandeau { margin-bottom:7px; width:638px; height:245px; z-index:1 }
div#bandeau img { position:absolute; border:0px }

div#bandeaulogo { z-index:2; margin-left:27px; position:absolute; width:98px; height:31px; background-image:url(images/logo_on_bandeau.gif); background-repeat:no-repeat; background-position:top left }


/* PAGE COURANTE
/* ========================================================================== */
div#contenu { min-height:520px }

h1#titre_page { font-size:24px; color:#FFFFFF; font-weight:normal; background-color:#930016; padding:10px 0px 10px 10px; margin:0px 0px 0px 0px }

div#contenu a { color:#6a0c16 }
div#contenu img { border:0px }
div#contenu blockquote a { color:#FFFFFF }
div#contenu blockquote img { margin:0px 0px 20px 20px }

/* Pieces jointes */
h2#piece_jointe_titre   { clear:both; margin:0px; background-color:#930016; color:#FFFFFF; font-size:11px; height:18px; line-height:18px; font-weight:bold; text-indent:10px; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#FFF; text-indent:5px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#930016; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline; color:#930016 }


/* PROGRAMMATION
/* ========================================================================== */
h1#titre_prog     { font-size:24px; color:#FFFFFF; background-color:#930016; font-weight:normal; padding:10px 0px 10px 10px; margin:0px 0px 0px 0px }

div#lien_brochure   { float:right; font-size:12px; font-weight:normal; padding:5px 10px 0px 0px }
div#lien_brochure a { color:#FFFFFF; text-decoration:none }

table#Tbl_prog    { width:638px; border:0px; margin-top:10px }
table#Tbl_prog a  { color:#FFFFFF }

td.vignette_even   { width:80px; height:80px; padding:1px }

td.date_even    { padding:0px; width:200px; height:82px; padding-left:5px }
div.ShowDate    { float:left; padding:0px 5px 0px 20px; margin:0px 0px 0px 0px; background-image:url(images/fleche_date_prog.gif); background-position:left center; background-repeat:no-repeat }
div.jour        { color:#d49299; font-size:11px; text-align:center }
div.jour_num    { color:#FFF; font-size:24px; text-align:center }
div.mois        { color:#d49299; font-size:11px; font-weight:bold; text-align:center }
div.reste       { color:#d49299; font-size:11px; text-align:center }

td.cell_contenu    { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding-top:5px; height:77px; }
td.cell_contenu ul { list-style-type:none; padding:0px; margin:0px }
td.cell_contenu p  { color:#d9a2a7; padding:0px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; }
td.cell_contenu a  { text-decoration:none; color:#FFF }

td.en_savoir_plus   { height:77px; padding-bottom:5px }
td.en_savoir_plus a { color:#FFF; text-decoration:none; padding-right:10px; margin-right:5px; font-size:11px }
a.fleche_prog01     { height:12px; background-image:url(images/fleche_prog01.gif); background-position:right top; background-repeat:no-repeat }
a.fleche_prog02     { height:12px; background-image:url(images/fleche_prog02.gif); background-position:right top; background-repeat:no-repeat }


/* FICHE CONCERT
/* ========================================================================== */
div.ShowDateFiche              { float:left; padding:0px 5px 0px 40px; margin:10px 0px 0px 0px; background-image:url(images/fleche_index.gif); background-position:left center; background-repeat:no-repeat }
div.ShowDateFiche div.jour     { color:#000; font-size:12px; text-align:center }
div.ShowDateFiche div.jour_num { color:#91232b; font-size:28px; text-align:center }
div.ShowDateFiche div.mois     { color:#000; font-size:12px; font-weight:bold; text-align:center }
div.ShowDateFiche div.reste    { color:#000; font-size:12px; text-align:center }

div#cadre_texte    { background-color:#930016 }

div#cadre_lieux    { float:left; margin-top:2px; margin-left:20px }
div#cadre_lieux h3 { color:#a01a21; font-size:20px; font-weight:normal }
div#cadre_lieux p  { color:#4a4a4a; font-size:14px }

div#infos_compl { float:right; margin:8px 0px 0px 0px; text-align:right }
div#infos_compl p { width:200px }

div#cadre_photo   { float:left; width:234px }
div#cadre_photo p { color:#FFF; text-align:right; font-size:10px; width:230px }

div#presentation    { margin-left:250px; padding-top:10px; width:370px; color:#FFF; min-height:350px }
div#presentation p  { color:#FFF }
div#presentation h3 { padding-left:20px; height:30px; font-weight:bold; font-size:16px; background-image:url(images/h3fiche.gif); background-position:left top; background-repeat:no-repeat }

div#direction { border:1px solid #fff; padding:5px; width:358px; margin-bottom:20px }

div#pied_fiche { height:40px }
div#lien_liste_concert   { border-top:1px solid #fff; padding:10px 0px 0px 5px; float:left }
div#lien_liste_concert a { padding-left:10px; color:#FFF; text-decoration:none; background-image:url(images/fleche_pied_fiche_gauche.gif); background-position:left 2px; background-repeat:no-repeat }

div#lien_biographie   { border-top:1px solid #fff; padding:10px 5px 0px 0px; float:right }
div#lien_biographie a { padding-right:10px; color:#FFF; text-decoration:none; background-image:url(images/fleche_pied_fiche_droite.gif); background-position:right 2px; background-repeat:no-repeat }


/* FICHE BIOGRPAHIE
/* ========================================================================== */
div.texte_bio    { margin-left:250px; padding-top:10px; width:370px; color:#FFF; min-height:350px }
div.texte_bio p  { color:#FFF }
div.texte_bio h3 { padding-left:20px; font-weight:bold; font-size:16px; background-image:url(images/h3fiche.gif); background-position:left top; background-repeat:no-repeat }


/* PLAN DU SITE
/* ========================================================================== */
div#cadre_plandusite { width:309px; min-height:669px; padding:30px 0px 0px 0px }

h3.plan_menu_rubrique        { height:38px; font-size:16px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:10px 11px 0px 0px }
h3.plan_menu_rubrique_select { height:38px; font-size:16px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:10px 11px 0px 0px }

h3.plan_menu_rubrique a, h3.plan_menu_rubrique a:hover               { text-decoration:none; color:#8f6666 }
h3.plan_menu_rubrique_select a, h3.plan_menu_rubrique_select a:hover { text-decoration:none; color:#000 }

div.plan_ssmenu { text-align:right; width:299px; margin:10px 0px 0px 0px }

h3.plan_menu_page        { height:38px; font-size:14px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }
h3.plan_menu_page_select { height:38px; font-size:14px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px }

h3.plan_menu_page a, h3.plan_menu_page a:hover               { text-decoration:none; color:#000 }
h3.plan_menu_page_select a, h3.plan_menu_page_select a:hover { text-decoration:none; color:#CCC }


/* NEWSLETTER
/* ========================================================================== */
form#formulaire_inscription, form#formulaire_desinscription { margin:0px 0px 30px 0px; padding:0px 0px 0px 0px; text-align:left }

form#formulaire_inscription label, form#formulaire_desinscription label { font-weight:normal; font-size:14px; text-align:left }
input.input_newsletter { margin-bottom:20px; width:255px }

div#message_newsletter, div#message_newsletter2 { width:100%; text-align:center }
/*
div.tete_form    { width:332px; height:70px; padding-top:30px; background-image:url(images/fond_actualites.gif); background-position:center; background-repeat:no-repeat }
div.tete_form h1 { font-size:14px; color:#FFFFFF; width:322px; font-weight:normal; text-align:right; margin-top:3px; padding-right:10px }
div.corps_form   { width:332px; padding:30px 0px 0px 0px; background-image:url(images/fond_boites.gif); background-position:top; background-repeat:no-repeat; background-color:#fef5e6 }
*/


/* RESERVATIONS
/* ========================================================================== */
div#description_tarifs          { padding-left:30px; margin:0px 0px 0px 0px }
div#description_tarifs table    { border:1px solid #FFF }
div#description_tarifs table td { color:#FFF; border:1px solid #fff }
div#description_tarifs p        { color:#FFF }

/* ACCES MUSICIENS
/* ========================================================================== */
div#soustitreAM { background-color:#930016; color:#FFF; padding:10px 10px 0px 0px; font-size:16px; float:right }

div#wrapperLogin {  }
div#login       { width:240px; padding:20px }
div#login label { font-weight:bold; display:block }
input.inputexte        { width:200px; margin-bottom:20px }

form#form_login                 { text-align:left; margin:0px 0px 0px 25px }
form#form_login input#inputexte { width:200px }

ul#menu_musiciens      { height:20px; list-style-type:none; margin:0px 0px 20px 0px; padding:10px 0px 10px 10px; background-color:#930016 }
ul#menu_musiciens li   { display:block; float:left; margin:0px 3px 0px 3px; font-size:12px }
ul#menu_musiciens li a { color:#FFFFFF; text-decoration:none }
li.item_musiciens      { border-left:1px solid #FFF; padding-left:5px }
li#logout              { display:block; float:left; padding-top:1px; border-left:1px solid #FFF; padding-left:5px }

/* FORMULAIRE DE CONTACT
/* ========================================================================== */
div#presentation form label           { display:block; font-weight:bold }
div#presentation input.inputexte      { width:370px }
div#presentation form textarea        { width:370px }
div#presentation form div             { width:370px; text-align:center; margin-top:10px }
div#presentation form div input#submit_contact { border:1px solid #FFF; background-color:#930016; color:#FFFFFF; cursor:pointer }

div#cadre_photo_form    { float:left; width:234px }
div#cadre_photo_form h3 { text-align:right }
div#cadre_photo_form a  { color:#FFFFFF }
div#cadre_photo_form p  { color:#FFFFFF; font-size:12px; text-align:right }
div#cadre_photo_form p#credits_photos { font-size:10px; margin-bottom:10px }

div#message_contact    { color:#FFFFFF; text-align:center; width:100% }


/* RESERVATIONS
/* ========================================================================== */
table#prix_places { width:635px; border:0px; border-top:1px solid #6e6e6e; border-bottom:1px solid #990307; margin-bottom:30px }

td.fond_rouge     { background-color:#990307; color:#FFFFFF; text-align:center; padding:3px }
td.series         { color:#990307; font-weight:bold; vertical-align:middle; text-align:center }
td.series01_left  { color:#990307; font-weight:bold; vertical-align:middle; text-align:center; border-bottom:1px solid #990307 }
td.series01       { color:#990307; font-weight:bold; vertical-align:middle; text-align:center; border-bottom:1px solid #990307; border-left:1px solid #6e6e6e }

td.td_contenu        { text-align:center; vertical-align:middle }
td.td_contenu_centre { text-align:left; vertical-align:middle; border-left:1px solid #6e6e6e; border-right:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e }

td.td_contenu_centre_bottom { text-align:left; vertical-align:middle; border-left:1px solid #6e6e6e; border-right:1px solid #6e6e6e }
td.td_contenu_right         { text-align:center; vertical-align:middle; border-bottom:1px solid #6e6e6e; padding:3px }
td.td_contenu_right_excep   { text-align:center; vertical-align:middle; padding:3px }
td.sep            { border-top:1px solid #6e6e6e; border-bottom:1px solid #990307; height:20px }
td.td_contenu03   { text-align:left; vertical-align:middle }
td.pages_cite     { text-align:center; vertical-align:middle; border-left:1px solid #6e6e6e }

table#avantages_ab    { width:635px }
table#avantages_ab td { text-align:left; padding:5px; vertical-align:top; width:158px }

table#abonn_resa      { width:635px; border:0px }
table#abonn_resa td   { width:307px; vertical-align:top; text-align:left; padding:5px }


/* ========================================================================== */
/*                                PIED DE PAGE                                */
/* ========================================================================== */
div#pied { position:relative; margin:0 auto; width:986px; height:79px }

/* PIED DE PAGE GAUCHE
/* ========================================================================== */
div#pied_gauche       { position:absolute; left:0px; width:309px; height:79px; text-align:right; padding:0px 0px 0px 0px; background-image:url(images/pied_gauche.gif); background-position:top right; background-repeat:no-repeat }

div#pied_gauche ul    { list-style-type:none; margin:0px; padding:5px 11px 20px 0px }
div#pied_gauche ul li { display:block; float:right }
div#pied_gauche p     { color:#8f6666; font-size:10px; margin-right:11px }
div#pied_gauche a     { color:#8f6666; text-decoration:none }
li#cadre_mute         { margin-left:10px; padding-top:2px }
li.titre_morceau      { color:#8F6666; font-size:10px; padding-top:3px }

/* PIED DE PAGE DROITE
/* ========================================================================== */
div#pied_droite       { margin-left:311px; padding-left:14px; height:29px; background-image:url(images/ombre_pied_droite.gif); background-position:left bottom; background-repeat:no-repeat }
div#pied_droite ul    { list-style-type:none; padding:0px; margin:0px }
div#pied_droite ul li { display:inline; color:#adadad; font-size:12px }

div#pied_droite a, div#pied_droite a:hover { text-decoration:none; color:#adadad }