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: 0px 5px 10px 10px;}
.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;}

.libelle-orange {font-size: 11px; color: #FF9B7E;}

.texte-blanc {font-size: 11px; line-height: 14px; color: #FFFFFF; padding: 7px 5px 7px 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: #FF9B7E; text-decoration: none;}
.texte-blanc a:active {color: #FFFFFF; text-decoration: none;}

.titre {font-size: 14px; font-weight:bold; line-height: 17px; color: #FFFFFF; padding: 10px 10px 3px 10px;}
.titre a:link {color: #FFFFFF; text-decoration: underline;} 
.titre a:visited {color: #FFFFFF; text-decoration: underline;}
.titre a:hover {color: #FF9B7E; text-decoration: none;}
.titre a:active {color: #FFFFFF; text-decoration: none;}

.accroche {font-size: 12px; font-weight:bold; font-style: italic; line-height: 15px; color: #FF9B7E; padding: 5px 10px 7px 10px;}
.accroche a:link {color: #FF9B7E; text-decoration: underline;} 
.accroche a:visited {color: #FF9B7E; text-decoration: underline;}
.accroche a:hover {color: #FFFFFF; text-decoration: none;}
.accroche a:active {color: #FF9B7E; 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;}

.titre-page {font-size: 17px; line-height: 37px; color: #FFFFFF; font-weight:bold;}
.masque {font-size: 11px; line-height: 14px; color: #CCCCCC; display: none;}
.italique {font-style: italic;}
.gras {font-weight: bold;}
.blanc-gras {color: #FFFFFF; font-weight: bold;}
.orange {color: #FF9B7E;}
.vert {color: #CCFF00;}
.video {padding:10px;}
.formulaire {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #000000;}
.visuel_popup {padding: 3px 10px 5px 0px;}
#motcle, #nom, #details_contact, #prenom, #email, #code_postal, #ville, #pays, #telephone, #profession, #titre, #nature_contact, #ok, #pass_abonnement {width: 150px; height: 15px; margin-bottom: 3px; padding-left: 3px;}
#adresse_postale {width: 406px; height: 15px; margin-bottom: 3px; padding-left: 3px;}
#commentaires {width: 406px; margin-bottom: 3px; padding-left: 3px;}

/* --------------------------------------
        Actualite defilante
------------------------------------------ */
.actu_scroll {
background-image: url(../_common/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(../_common/fond_g.gif); background-repeat: repeat-y;}
td#n-1 { background-image: url(../_common/fond_c.gif); background-repeat: repeat-y;}
td#pied { background-image: url(../_common/fond_pied.gif); background-repeat: repeat-y;}
td#zone_search, td#zone_extranet { background-image: url(../_common/fond_search.gif); background-repeat: repeat-y;}
td#zone_legal { background-image: url(../_common/fond_legal.gif); background-repeat: repeat-y;}

/* ------------------------------------------------
    Fonds des div N-1
---------------------------------------------------- */
.titrepage {
font-size: 17px;
line-height: 35px;
color: #FFFFFF;
font-weight:bold;
float: left;
background-image: url(../_spectacles_liste/fond_titre_page.jpg);
background-repeat: no-repeat;
width:702px;
height:37px;
text-align: center;
}
.titrepage a:link {
font-size: 13px;
text-decoration: underline;
color: #FF9B7E; 
}
.titrepage a:visited {
font-size: 13px;
text-decoration: underline;
color: #FF9B7E; 
}
.titrepage a:hover {
font-size: 13px;
text-decoration: none;
color: #FF9B7E; 
}
.titrepage a:active {
font-size: 13px;
text-decoration: underline;
color: #FF9B7E; 
}
.titrepage-pied {
font-size: 17px;
line-height: 35px;
color: #FFFFFF;
font-weight:bold;
float: left;
background-image: url(../_spectacles_liste/fond_titre_page.jpg);
background-repeat: no-repeat;
width:702px;
height:36px;
text-align: center;
}
.titrepage-pied a:link {
text-decoration: underline;
color: #FF9B7E; 
}
.titrepage-pied a:visited {
text-decoration: underline;
color: #FF9B7E; 
}
.titrepage-pied a:hover {
text-decoration: none;
color: #FF9B7E; 
}
.titrepage-pied a:active {
text-decoration: underline;
color: #FF9B7E; 
}
#famillefondvisuel {
float: left;
width:168px;
height:auto;
}
#famille {
float: left;
background-image: url(../_spectacles_liste/famille_fond_visuel.gif);
background-repeat: repeat-y;
width:702px;
height:auto;
}
#famillefondcontenu {
float: right;
background-image: url(../_spectacles_liste/famille_fond_contenu.gif);
background-repeat: repeat-y;
width:534px;
height:auto;
}
#famillefondmecenes {
float: right;
background-image: url(../_spectacles_liste/famille_fond_mecenes.gif);
background-repeat: repeat-y;
width:534px;
height:auto;
}
.mois {
font-size: 11px;
line-height: 19px;
color: #000000;
font-weight:bold;
float: left;
background-image: url(../_spectacles_liste/fond_mois.gif);
background-repeat: no-repeat;
width:702px;
height:20px;
text-align: center;
}
.spectaclefondvisuel {
float: left;
background-image: url(../_spectacles_liste/spectacle_fond_visuel.gif);
background-repeat: no-repeat;
width:90px;
height:77px;
}
.spectacledate {
float: left;
font-size: 11px; line-height: 19px; color: #FF9B7E; padding: 0px 10px;
background-image: url(../_spectacles_liste/spectacle_fond_date.gif);
background-repeat: no-repeat;
width:592px;
height:19px;
}
.spectaclefondtitre {
display:block;
float: left;
font-size: 11px; 
line-height: 14px; 
color: #FFFFFF; 
padding: 7px 10px;
background-image: url(../_spectacles_liste/spectacle_fond_titre.gif);
background-repeat: no-repeat;
width:391px;
height:44px;
}
.spectaclefondtitre a:link {
display:block;
text-decoration: none;
color: #FFFFFF; 
}
.spectaclefondtitre a:visited {
display:block;
text-decoration: none;
color: #FFFFFF; 
}
.spectaclefondtitre a:hover {
display:block;
text-decoration: none;
color: #CCFF00; 
}
.spectaclefondtitre a:active {
display:block;
text-decoration: none;
color: #FFFFFF; 
}
.spectaclefondgratuit {
float: left;
background-image: url(../_spectacles_liste/spectacle_fond_gratuit.jpg);
background-repeat: no-repeat;
width:201px;
height:44px;
font-size: 11px; 
line-height: 16px; 
color: #FFFFFF;
font-weight:bold;
text-align: center;
padding: 14px 0px 0px 0px;
}
#spectaclepied {
float: left;
width:702px;
height:19px;
}
#fondmecenes {
float: left;
background-image: url(../_spectacles_liste/fond_mecenes.gif);
background-repeat: no-repeat;
width:501px;
height:40px;
}
#btnhautdepage {
float: left;
width:201px;
height:40px;
}

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

#accordeon {
width: 201px;
display: block;
}
/* ----- MENU PRINCIPAL----- */
/* ferme */
#accordeon .toggleSubMenu a, #accordeon .toggleSubMenu span {
display: block;
background-image: url(../_common/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(../_common/paneltab_gauche_2.gif);
}
/* ouvert*/
#accordeon .open a, #accordeon .open span {
background-image: url(../_common/paneltab_gauche_3.gif);
}
/* ouvert survol*/
#accordeon .open a:hover {
background-image: url(../_common/paneltab_gauche_4.gif);
}

/* ----- SOUS MENU ----- */
#accordeon .subMenu {
background-image: url(../_common/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 Compagnie & Editions
-------------------------------------------------------- */
.btn-cie {
	display:block;
	width:200px;
	height:51px;
	line-height: 51px;
	background-image:url(../_common/fond_btn_cie.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-cie:hover {
	background-image: url(../_common/fond_btn_cie_2.jpg);
	text-decoration: none;
}
.btn-editions {
	display:block;
	width:200px;
	height:51px;
	line-height: 51px;
	background-image: url(../_common/fond_btn_editions.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-editions:hover {
	background-image: url(../_common/fond_btn_editions_2.jpg);
	text-decoration: none;
}

/*--------------------------------------------------------
  	      Bouton rouge gauche et Bouton réservations 
-------------------------------------------------------- */
.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(../_common/fond_btn_rouge_g.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.btn-rouge-gauche:hover {
	background-image: url(../_common/fond_btn_rouge_g_2.gif);
}

.btn-resa {display:block; width:167px; height:51px; background-image: url(../_common/fond_btn_resa_small.gif); background-repeat: no-repeat; text-decoration: none; margin-top:15px}
.btn-resa:hover {background-image: url(../_common/fond_btn_resa_small_2.jpg)}

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

.cluetip-jtip {
  background-color: transparent;
}
.clue-right-jtip {
  background-image: url(../_common/fleche_gauche.gif);
  background-repeat: no-repeat;
  padding-left: 9px;
}
.clue-left-jtip {
  background-image: url(../_common/fleche_droite.gif);
  background-repeat: no-repeat;
  padding-right: 9px;
}
.clue-top-jtip {
  background-image: url(../_common/fleche_bas.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  padding-bottom: 9px;
}  
.clue-bottom-jtip {
  background-image: url(../_common/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;
}