html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body {font-family: Arial, Helvetica, sans-serif; background-color: #3E0000; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
li { vertical-align: middle; }
pre {display:none;}

.menu-gauche {font-size: 11px; line-height: 28px; color: #FFFFFF;}
.menu-gauche a:link {color: #FFFFFF; text-decoration: none;} 
.menu-gauche a:visited {color: #FFFFFF; text-decoration: none;}
.menu-gauche a:hover {color: #FFFFFF; text-decoration: underline;}
.menu-gauche a:active {color: #FFFFFF; text-decoration: none;}

.texte-orange {font-size: 11px; line-height: 14px; color: #FF9B7E; padding: 7px 5px 10px 10px;}
.texte-orange p { padding: 5px 0px; }
.texte-orange a:link {color: #FF9B7E; text-decoration: underline;} 
.texte-orange a:visited {color: #FF9B7E; text-decoration: underline;}
.texte-orange a:hover {color: #FFFFFF; text-decoration: none;}
.texte-orange a:active {color: #FF9B7E; text-decoration: none;}

.texte-blanc {font-size: 11px; line-height: 14px; color: #FFFFFF; padding: 7px 5px 10px 10px;}
.texte-blanc p { padding: 3px 0px 10px 0px; }
.texte-blanc a:link {color: #FFFFFF; text-decoration: underline;} 
.texte-blanc a:visited {color: #FFFFFF; text-decoration: underline;}
.texte-blanc a:hover {color: #FF0000; text-decoration: none;}
.texte-blanc a:active {color: #FFFFFF; text-decoration: none;}

.legal {font-size: 11px; line-height: 16px; color: #874242; padding:7px 5px 7px 10px;}
.legal a:link {color: #874242; text-decoration: none;} 
.legal a:visited {color: #874242; text-decoration: none;}
.legal a:hover {color: #FFFFFF; text-decoration: underline;}
.legal a:active {color: #874242; text-decoration: none;}

.masque {	font-size: 11px; line-height: 14px; color: #CCCCCC; display: none;}
.gras {font-weight: bold;}
.formulaire {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #000000;}
.visuel_popup {padding: 3px 10px 5px 0px;}
#motcle, #nom, #prenom, #email {width: 150px; height: 15px; margin-bottom: 3px; padding-left: 3px;}
#pass_abonnement, #e_mail, #titre, #description, #auteurs_interpretes {width: 145px; height: 15px; margin-bottom: 3px; padding-left: 3px;}
#du, #au {width: 53px; height: 15px; margin-bottom: 3px; padding-left: 3px;}
#genre, #rendezvous, #tri {width: 155px; height: 15px; margin-bottom: 3px; padding-left: 3px;}

/* --------------------------------------
        Actualite defilante
------------------------------------------ */
.actu_scroll {
background-image: url(fond_actu_deroulante.gif);
text-align:center;
}
#news_fading {
height: 35px;
line-height: 37px;
overflow: hidden;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
#news_fading a {
color: #FF9B7E;
text-decoration: none;
width: 502px;
text-align:center;
}

/* ------------------------------------------------
    Fonds de cases de tableaux
---------------------------------------------------- */
td#colonne_g { background-image: url(fond_g.gif); background-repeat: repeat-y;}
td#colonne_c { background-image: url(fond_c.gif); background-repeat: repeat-y;}
td#pied { background-image: url(fond_pied.gif); background-repeat: repeat-y;}
td#zone_search, td#zone_extranet { background-image: url(fond_search.gif); background-repeat: repeat-y;}
td#zone_legal { background-image: url(../_common/fond_legal.gif); background-repeat: repeat-y;}
td#titre_actu_top {
padding: 0px 5px 0px 10px;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(fond_titre_top.gif);
background-repeat: no-repeat;
text-align: center;
background-color: #320000;
}
td#titre_actu_2 {
padding: 0px 5px 0px 10px;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(fond_titre_2_lignes_g.gif);
background-repeat: no-repeat;
text-align: center;
background-color: #320000;
}
td#titre_actu_3 {
padding: 0px 5px 0px 10px;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(fond_titre_2_lignes_c.gif);
background-repeat: no-repeat;
text-align: center;
background-color: #320000;
}
td#titre_actu_4 {
padding: 0px 5px 0px 10px;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(fond_titre_2_lignes_d.gif);
background-repeat: no-repeat;
text-align: center;
background-color: #320000;
}
td#titre_edito, td#titre_liens {
padding: 0px 5px 0px 10px;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(fond_titre_1_ligne.gif);
background-repeat: no-repeat;
text-align: center;
background-color: #320000;
}
td#mecenes {background-image: url(fond_mecenes.gif); background-repeat: no-repeat;}

/* -------------------------------------------
   Accordeon (menu gauche)
----------------------------------------------- */

#accordeon {
width: 201px;
display: block;
}
/* ----- MENU PRINCIPAL----- */
/* ferme */
#accordeon .toggleSubMenu a, #accordeon .toggleSubMenu span {
display: block;
background-image: url(paneltab_gauche.gif);
background-repeat: no-repeat;
padding: 0px 5px 0px 10px;
height: 28px;
font-weight: normal;
line-height: 28px;
text-decoration: none;
}
/* ferme survol*/
#accordeon a:hover, #accordeon a:focus, #accordeon a:active {
background-image: url(paneltab_gauche_2.gif);
}
/* ouvert*/
#accordeon .open a, #accordeon .open span {
background-image: url(paneltab_gauche_3.gif);
}
/* ouvert survol*/
#accordeon .open a:hover {
background-image: url(paneltab_gauche_4.gif);
}

/* ----- SOUS MENU ----- */
#accordeon .subMenu {
background-image: url(panelcontent_gauche.gif);
}
/* premier lien */
#accordeon .subMenu li.first{
padding-top: 7px;
color: #FF9B7E;
}
/* dernier lien */
#accordeon .subMenu li.last{
padding-bottom: 8px;
color: #FF9B7E;
}
/* lien */
#accordeon ul.subMenu a {
height: 18px;
line-height: 18px;
font-weight: normal;
background: none;
padding-left: 30px;
padding-right:5px;
color: #FF9B7E;
}
/* lien survol*/
#accordeon ul.subMenu a:hover {
text-decoration: underline;
background: none;
}
/* texte */
#accordeon .subMenu div.texte{
padding: 7px 5px 8px 30px;
line-height: 14px;
}
/* lien dans texte */
#accordeon .subMenu .texte a{
padding:0px;
color: #666666;
text-decoration: none;
display:inline;
}

/*--------------------------------------------------------
  				 Boutons rouges
-------------------------------------------------------- */
.btn-rouge-gauche {
	display:block;
	width:100%;
	height:27px;
	line-height: 27px;
	padding: 0px 7px 0px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(fond_btn_rouge_g.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-rouge-gauche:hover {
	background-image: url(fond_btn_rouge_g_2.gif);
}
.btn-rouge-droit {
	display:block;
	width:100%;
	height:27px;
	line-height: 27px;
	padding: 0px 7px 0px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(fond_btn_rouge_d.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-rouge-droit:hover {
	background-image: url(fond_btn_rouge_d_2.gif);
}
.btn-resa {
	display:block;
	width:200px;
	height:51px;
	background-image: url(fond_btn_resa.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-resa:hover {
	background-image: url(fond_btn_resa_2.jpg);
}

/*--------------------------------------------------------
   Boutons Compagnie & Editions
-------------------------------------------------------- */
.btn-cie {
	display:block;
	width:200px;
	height:51px;
	line-height: 51px;
	background-image: url(fond_btn_cie.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-cie:hover {
	background-image: url(fond_btn_cie_2.jpg);
	text-decoration: none;
}
.btn-editions {
	display:block;
	width:200px;
	height:51px;
	line-height: 51px;
	background-image: url(fond_btn_editions.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-editions:hover {
	background-image: url(fond_btn_editions_2.jpg);
	text-decoration: none;
}

/*--------------------------------------------------------
             Baseline du mois
-------------------------------------------------------- */
.baseline {
	display:block;
	width:250px;
	height:188px;
	line-height: 188px;
	background-image: url(baseline.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

/* --------------------------------------
                Panels
------------------------------------------ */

#panel_actu, #panel_archives, #panel_abonnement {
	width: 200px;	
}
#panel_actu h2, #panel_archives h2, #panel_abonnement h2{
	cursor:pointer;
	border: none;
	padding: 0px 5px 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	background-image: url(paneltab_droit.gif);
	line-height: 28px;
}
#panel_actu h2:hover, #panel_archives h2:hover, #panel_abonnement h2:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(paneltab_droit_2.gif);
}
#panel_actu.open  h2, #panel_archives.open h2, #panel_abonnement.open h2{
	background-image: url(paneltab_droit_3.gif);
}
#panel_actu.open  h2:hover, #panel_archives.open h2:hover, #panel_abonnement.open h2:hover{
	background-image: url(paneltab_droit_4.gif);
}
#panel_actu ul, #panel_archives ul {
	background-image: url(panelcontent_droit.gif);
	background-repeat: repeat-y;
}
#panel_actu li, #panel_archives li {
	list-style-type: none;
	padding: 4px 5px 4px 10px;
}
#panel_abonnement li {
	list-style-type: none;
	padding: 5px 5px 8px 10px;
	background-image: url(panelcontent_droit.gif);
	background-repeat: repeat-y;
}
#panel_actu li.first, #panel_archives li.first, #panel_abonnement li.first {
	padding: 6px 5px 4px 10px;
	background-image: url(panelcontent_droit.gif);
	background-repeat: repeat-y;
}
#panel_actu li.last, #panel_archives li.last, #panel_abonnement li.last {
	padding: 4px 5px 12px 10px;
}
#panel_actu a, #panel_archives a {
	text-decoration: none;
	background-repeat: no-repeat;
}
#panel_abonnement a {
	text-decoration: underline;
	background-repeat: no-repeat;
}
#panel_actu a:hover, #panel_archives a:hover {
	text-decoration: underline;
	color: #FF9B7E;
}
#panel_abonnement a:hover {
	text-decoration: none;
	color: #FF9B7E;
}

/* --------------------------------------
       Actualites a droite
-------------------------------------- */

.actu_droite .date{
	 text-transform: uppercase;
	 font-size: 10px;
	color:#FFFFFF;
	line-height: 13px;
	text-decoration: none;
	font-weight: bold;
}
.actu_droite .titre{
	font-size: 11px;
	line-height: 14px;
	color:#FF9B7E;
	text-decoration: none;
	font-weight: normal;
}
.actu_droite .titre a{
	color:#FF9B7E;
}
.actu_droite .titre a:hover{
	color:#FF9B7E;
	text-decoration: underline;
}
.actu_droite .lien{
	font-size: 11px;
	line-height: 13px;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.actu_droite .lien a{
	color:#FFFFFF;
}
.actu_droite .lien a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

/* --------------------------------------
         Bulles d'info
-------------------------------------- */

.cluetip-jtip {
  background-color: transparent;
}
.clue-right-jtip {
  background-image: url(fleche_gauche.gif);
  background-repeat: no-repeat;
  padding-left: 9px;
}
.clue-left-jtip {
  background-image: url(fleche_droite.gif);
  background-repeat: no-repeat;
  padding-right: 9px;
}
.clue-top-jtip {
  background-image: url(fleche_bas.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  padding-bottom: 9px;
}  
.clue-bottom-jtip {
  background-image: url(fleche_haut.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  padding-top: 9px;
}
.cluetip-jtip #cluetip-outer {
	border: 1px solid #B29999;
	position: relative;
	background-color: #660000;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
.cluetip-jtip h3#cluetip-title {
  line-height: 13px;
	padding: 15px 15px 5px 15px;
	font-size: 11px;
	font-weight: bold;
  color: #FF9B7E;
}
.cluetip-jtip #cluetip-inner {
	display: inline-block;
}
.cluetip-jtip #cluetip-inner h2{
	padding: 5px 15px 5px 15px;
	color: #FFFFFF;
	font-size: 15px;
  line-height: 17px;
	font-weight: bold;
}
.cluetip-jtip #cluetip-inner .actu_content{
	padding: 5px 15px 15px 15px;
	color: #FF9B7E;
	font-size: 11px;
  line-height: 14px;
	font-weight: normal;
}