body { padding: 1px; background: black; color: white; font-family:Arial; font-size:12px; text-align: center; margin: 0 }
<!-- Général -->
<!-- Bannière -->
<!-- Page d'accueil -->
<!-- Page genre -->
<!-- Fiche spectacle -->
span.littletitle {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	font-family:Arial;
}

<!-- Footer -->
<!-- Fiche Salle -->

.StyleTitreAP {color: #FEDA2E; font-weight: bold; font-size: 15px;  font-family:Arial; }
.StyleTitreSP {font-weight: bold; font-size: 15px; font-family:Arial; }
.StyleSTitreAP {color: #FEDA2E; font-weight: bold; font-size: 14px;  font-family:Arial; }
.StyleSTitreSP {color:white; font-weight: bold; font-size: 14px;  font-family:Arial; }


h1 {
  margin: 0px;
}
h2 {
  margin: 0px;
}

h3 {
  margin: 0px;
}
lienSallesTop {
	color:#FFCC00;
	font-weight:bold;
}
a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none; border:0
}
a.info:hover {
background: none; /* correction d'un bug IE */
}
a.info:hover img {
position: relative;
z-index: 100;
}
a.info:hover span {
display: block;
position: absolute;
z-index: 50;
top: 0em;
left: 0em;
background: none;
text-align: center;
color: #D579A8;
padding: 1px;
font-size:1px;
}

a.info2 {
position: relative;
text-decoration: none;
color: white;
font-size: 11px;
text-align:center;
border-bottom: 1px gray dotted;
}
a.info2 span {
display: none; border:0
}
a.info2:hover {
background: none; /* correction d'un bug IE */
}
a.info2:hover img {
position: relative;
z-index: 100;
}
a.info2:hover span {
display: block;
position: absolute;
z-index: 50;
top: 0em;
left: 0em;
background: none;
text-align: center;
color: #D4628C;
padding: 1px;
font-size:1px;
}

a.info3 {
position: relative;
text-decoration: none;
color: white;
font-size: 11px;
text-align:center;
border-bottom: 1px gray dotted;
}
a.info8 {
position: relative;
text-decoration: none;
color: #840041;
font-size: 11px;
text-align:center;
border-bottom: 1px gray dotted;
}
a.info3 span {
display: none; border:0
}
a.info3:hover {
font-weight: bold;
background: none; /* correction d'un bug IE */
}
a.info3:hover img {
position: relative;
z-index: 100;
}
a.info3:hover span {
display: block;
position: absolute;
z-index: 50;
margin-left:65px;
top: 0em;
left: 0em;
background: none;
text-align: left;
color: #B02F70;
padding: 1px;
font-size:0.01em;
}

a.aindex {
color:#000; font-size:11px; font-weight:bold
}
a.aindex:hover {
color:#000; font-size:11px; font-weight:bold
}




table td { color: white }
a.lien1        { 	font-family: arial; font-style:bold;	font-size: 11px;    text-decoration:none; 		  color:white;      }    
a.lien1:hover  {  	font-family: arial; font-style:bold; 	font-size: 11px;    text-decoration:none;    color:white;      }  
a.lien2        { 	font-family: arial; font-style:bold;	font-size: 11px;    text-decoration:none; 		  color:#BD6E8D;      }    
a.lien2:hover  {  	font-family: arial; font-style:bold; 	font-size: 11px;    text-decoration:none;    color:#BD6E8D;      }  
a.lienblt        { 	text-decoration:none; 		  color:#CC3399;      }    
a.lienblt:hover  {  	text-decoration:none; color:#CC3399;     }  
a.lien_titre_spectacle_spgenre_sans_pack        { 	font-family: arial; font-size: 11px;     text-decoration:none; color:#FFFFFF      }    
a.lien_titre_spectacle_spgenre_sans_pack:hover  {  	font-family: arial; font-size: 11px;     text-decoration:underline; color:#FFFFFF      }  
a.lien_titre_spectacle_spgenre_avec_pack        { 	font-family: arial; font-style:bold;	font-size: 12px; font-weight: bold;     text-decoration:none; color:#FEDA2E      }    
a.lien_titre_spectacle_spgenre_avec_pack:hover  {  	font-family: arial; font-style:bold; 	font-size: 12px; font-weight: bold;     text-decoration:underline; color:#FEDA2E      }  

lien_photo_spectacle_spgenre_avec_pack        { 	font-family: arial; border-color:#FFCC00;    }    
a.lien_titre_salle_spgenre_avec_pack        { 	font-family: arial; font-style:bold;	font-size: 12px; font-weight: bold;     text-decoration:none; color:#FFCC00      }    
a.lien_titre_salle_spgenre_avec_pack:hover  {  	font-family: arial; font-style:bold; 	font-size: 12px; font-weight: bold;     text-decoration:underline; color:#FFCC00      }  
a.lien_titre_salle_salles_sans_pack        { 	font-family: arial; font-style:bold;	font-size: 14px; font-weight: bold;     text-decoration:none; color:#000000      }    
a.lien_titre_salle_salles_sans_pack:hover  {  	font-family: arial; font-style:bold; 	font-size: 14px; font-weight: bold;     text-decoration:underline; color:#000000      }  
a.lien_titre_salle_salles_avec_pack        { 	font-family: arial; font-style:bold;	font-size: 14px; font-weight: bold;     text-decoration:none; color:#FFCC00      }    
a.lien_titre_salle_salles_avec_pack:hover  {  	font-family: arial; font-style:bold; 	font-size: 14px; font-weight: bold;     text-decoration:underline; color:#FFCC00      }  
a.lien_titre_det_salles_avec_pack        { 	font-family: arial; font-style:bold;	font-size: 15px; font-weight: bold;     text-decoration:none; color:#FFCC00      }    
a.lien_titre_det_salles_avec_pack:hover  {  	font-family: arial; font-style:bold; 	font-size: 15px; font-weight: bold;     text-decoration:underline; color:#FFCC00      }  
a.lien_credits        { 	font-family: arial; font-style:bold;	font-size: 10px; text-decoration:none; color:#FFFFFF;      }    
a.lien_credits :hover  {  	font-family: arial; font-style:bold; 	font-size: 12px; text-decoration:underline; color:#D8257A;    }  
a.lien_TPTR1       { 	font-family: arial; font-size: 12px; text-decoration:none; color:#FFFFFF;      }    
a.lien_TPTR1 :hover  {  	font-family: arial; font-size: 12px; text-decoration:none; color:#FFFFFF;    }  
a.lien_TPTR2        { 	font-family: arial; font-style:bold;	font-size: 14px; text-decoration:none; color:#FFFFFF;      }    
a.lien_TPTR2 :hover  {  	font-family: arial; font-style:bold; 	font-size: 14px; text-decoration:none; color:#FFFFFF;   }  
a.lien_TA1       { 	font-family: arial; font-style:bold;	font-size: 12px; text-decoration:none; color:#000000;      }    
a.lien_TA1 :hover  {  	font-family: arial; font-style:bold; 	font-size: 12px; text-decoration:none; color:#000000;    }  
a.lien_TA2        { 	font-family: arial; font-style:bold;	font-size: 14px; text-decoration:none; color:#000000;      }    
a.lien_TA2 :hover  {  	font-family: arial; font-style:bold; 	font-size: 14px; text-decoration:none; color:#000000;   }  

.hg, .bg { margin-right: 9px }
.hd, .bd { margin-left: 9px;	margin-top: -9px }
.hd { background-position: 100% 0 }
.bg { background-position: 0 -9px }
.bd { background-position: 100% -9px }
img.tete { display: block; margin: 0; padding: 0 }

div.entrebloc {}
div.basbloc {}

div#bandeauhaut { width: 800px; margin-left: auto; margin-right: auto; background: black }
div#bandeauhaut img#logo { display: block; float: left }
div#bandeauhaut table#espacebanniere { display: block; float: right; background: white; width: 500px; height: 101px }
div#barrenav { width: 1000px;  margin-left: auto; margin-right: auto }
div#barrenav form { margin: 0 }
div#barrenav table { margin: 0 }
div#barrenav table td img { display: block }
div#barrenav div#BanRotate {  }
div#BanRotate3 {  }
div#BanRotate13 {  }
div#BanRotatepackart1 { }


div#barrenav div#menu_the { width: 89px; height: 81px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_cafte { width: 89px; height: 81px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_enfs { width: 89px; height: 81px; display: block; visibility: hidden; position: absolute; }

div#barrenav div#menu_actu { width: 120px; height: 87px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_genre { width: 89px; height: 81px; display: block; visibility: hidden; position: absolute; font-size:10px }
div#barrenav div#menu_genre td { width: 89px; height: 20px; display: font-size:10px; text-align:center  }
div#barrenav div#menu_genre .end { width: 89px; height: 0px; display: font-size:10px; background:none; text-align:center  }
div#barrenav div#menu_artistes { width: 80px; height: 81px; display: block; visibility: hidden; position: absolute; font-size:10px }
div#barrenav div#menu_artistes td { width: 80px; height: 20px; display: font-size:10px; text-align:center  }
div#barrenav div#menu_artistes .end { width: 80px; height: 0px; display: font-size:10px; background:none; text-align:center  }

div#barrenav div#menu_artistes div#menu_Comedien { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 78px }
div#barrenav div#menu_artistes div#menu_Auteur { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 78px }
div#barrenav div#menu_artistes div#menu_MES { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 78px }
div#barrenav div#menu_artistes div#menu_Comedien td { background-color:#B02F70; }
div#barrenav div#menu_artistes div#menu_Auteur td { background-color:#B02F70; }
div#barrenav div#menu_artistes div#menu_MES td { background-color:#B02F70; }
div#barrenav div#menu_artistes div#menu_Comedien.end { background:none;  }
div#barrenav div#menu_artistes div#menu_Auteur.end { background:none;  }
div#barrenav div#menu_artistes div#menu_MES.end { background:none;  }



div#barrenav div#menu_genre div#menu_cafeth { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 82px }
div#barrenav div#menu_genre div#menu_mus { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 82px }
div#barrenav div#menu_genre div#menu_come { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 82px }
div#barrenav div#menu_genre div#menu_enf { width: 82px; height: 108px; display: block; visibility: hidden; position: absolute; left: 82px }
div#barrenav div#menu_genre div#menu_cafeth td { background-color:#B02F70; }
div#barrenav div#menu_genre div#menu_mus td { background-color:#B02F70; }
div#barrenav div#menu_genre div#menu_come td { background-color:#B02F70; }
div#barrenav div#menu_genre div#menu_enf td { background-color:#B02F70; }
div#barrenav div#menu_genre div#menu_cafeth .end { background:none;  }
div#barrenav div#menu_genre div#menu_mus .end { background:none;  }
div#barrenav div#menu_genre div#menu_come .end { background:none; }
div#barrenav div#menu_genre div#menu_enf .end { background:none; }

div#barrenav div#menu_salle{ width: 82px;  display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle div#menu_salle_A_B{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_C{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_D_E{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_F_G_H{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_I_J_K{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_L_M_N{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_O_P_Q{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_R_S{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_T_U_V{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle div#menu_salle_w_X_Y_Z{ width: 200px; display: block; visibility: hidden; position: absolute;  }
div#barrenav div#menu_salle2{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_A_B{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_C{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_D_E{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_F_G_H{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_I_J_K{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_L_M_N{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_O_P_Q{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_R_S{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_T_U_V{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }
div#barrenav div#menu_salle2 div#menu_salle2_w_X_Y_Z{ width: 89px; height: 264px; display: block; visibility: hidden; position: absolute; }


div#barrenav table#tablrech { margin: 0; padding: 0; width: 243px; height: 42px; background:  url(images/interface/nav/rech.gif) no-repeat left center }



div#comedie { width: 530px; margin-right: 10px; float: left }
div#comedie div.hg, div#comedie div.hd, div#comedie div.bg, div#comedie div.bd { background-image: url(images/interface/coins_810040_1280x18.gif); height: 9px; font-size: 2px }
div#comedie div.inside { border-left: 1px solid #810040; border-right: 1px solid #810040; background: #810040; padding-left: 6px; padding-right: 6px; text-align: left }

div#cafetheatre { width: 260px; float: right	 }
div#cafetheatre div.hg, div#cafetheatre div.hd, div#cafetheatre div.bg, div#cafetheatre div.bd { background-image: url(images/interface/coins_932154_1280x18.gif); height: 9px; font-size: 2px }
div#cafetheatre div.inside { border-left: 1px solid #932154; border-right: 1px solid #932154; background: #932154; padding-left: 6px; padding-right: 6px; text-align: left }

div#enfants { width: 255px; float: left; margin-top: 10px; margin-right: 10px }
div#enfants div.hg, div#enfants div.hd, div#enfants div.bg, div#enfants div.bd { background-image: url(images/interface/coins_a4446a_1280x18.gif); height: 9px; font-size: 2px }
div#enfants div.inside { border-left: 1px solid #A4446A; border-right: 1px solid #A4446A; background: #A4446A; padding-left: 6px; padding-right: 6px; text-align: left }

div#videos { width: 265px; height: 260px; float: left; margin-top: 10px }
div#videos div.hg, div#videos div.hd, div#videos div.bg, div#videos div.bd { background-image: url(images/interface/coins_dcb7bf_1280x18.gif); height: 9px; font-size: 2px }
div#videos div.inside { border-left: 1px solid #dcb7bf; border-right: 1px solid #dcb7bf; background: #dcb7bf; padding-left: 6px; padding-right: 6px; text-align: left }

div#theatre { width: 535px; float: left; margin-top: 10px }
div#theatre div.hg, div#theatre div.hd, div#theatre div.bg, div#theatre div.bd { background-image: url(images/interface/coins_b76983_1280x18.gif); height: 9px; font-size: 2px }
div#theatre div.inside { border-left: 1px solid #b76983; border-right: 1px solid #b76983; background: #b76983; padding-left: 6px; padding-right: 6px; text-align: left }

div.bloc1 { width: 260px; margin-right: 10px; float: left }
div.bloc1 div.hg, div.bloc1 div.hd, div.bloc1 div.bg, div.bloc1 div.bd { background-image: url(nav/coins_810040_1280x18.gif); height: 9px; font-size: 2px }
div.bloc1 div.inside { border-left: 1px solid #810040; border-right: 1px solid #810040; background: #810040; padding-left: 6px; padding-right: 6px; text-align: left }

div.bloc2 { width: 260px; margin-right: 10px; float: left }
div.bloc2 div.hg, div.bloc2 div.hd, div.bloc2 div.bg, div.bloc2 div.bd { background-image: url(nav/coins_932154_1280x18.gif); height: 9px; font-size: 2px }
div.bloc2 div.inside { border-left: 1px solid #932154; border-right: 1px solid #932154; background: #932154; padding-left: 6px; padding-right: 6px; text-align: left }

div.bloc3 { width: 260px; clear: right; float: left }
div.bloc3 div.hg, div.bloc3 div.hd, div.bloc3 div.bg, div.bloc3 div.bd { background-image: url(nav/coins_a4446a_1280x18.gif); height: 9px; font-size: 2px }
div.bloc3 div.inside { border-left: 1px solid #A4446A; border-right: 1px solid #A4446A; background: #A4446A; padding-left: 6px; padding-right: 6px; text-align: left }

div#credits { width: 800px; clear: both; font-size: 10px; margin-left: auto; margin-right: auto }
p.piecetitre { font-size: 13px; font-weight: bold; line-height: 13px; margin-top: 8px; margin-bottom: 0 }
p.piecetexte { font-size: 11px; line-height: 14px; margin-top: 0; margin-bottom: 4px; }
td.titre { color: #fcfcc2; font-size: 14px; font-weight: bold; vertical-align: middle; height: 20px; padding-left: 0; padding-right: 8px; padding-top: 10px }
td.texte { font-size: 12px; vertical-align: top; padding-right: 8px }
td.texte p { margin-top: 2px }
td.texte ul { list-style-type: disc; margin: 0; padding-left: 1.3em }
td.texte ul li { font-size: 11px; line-height: 13px; margin-top: 2px; padding-left: 0 }
td.salletitre { color: #fcfcc2; font-size: 13px; font-weight: bold; vertical-align: top; height: 20px; padding: 0 8px; text-align: center }