/* Feuille de style CSS du théâtre La Méridienne de Lunéville */

* { margin:0; padding:0; }

body { margin:0; background-color:#ede0c8;  font-family:arial narrow; font-size:14px; }
#site { width:980px; text-align:left; margin-left:auto; margin-right:auto; }
#titre { width:980px; height:188px; background-color:#ccffff; text-align:left; margin-left:auto; margin-right:auto; margin-bottom:0; }
#menu { width:978px; height:42px; background-color:#d5c9b4; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:0; border:solid 1px white; }
#smenu { width:980px; height:28px; text-align:center; margin-left:auto; margin-right:auto; margin-top:0; position:absolute; visibility:hidden; }
#smenu2 { width:620px; margin-left:180px; background:#ede0c8; padding-top:1px; border:none; border-bottom:solid 1px white; color:black; font-size:16px; }
#gauche { margin-left:0; float:left; width:178px; margin-bottom:0; margin-right:0; vertical-align:top; background-color:#d5c9b4; text-align:center; color:black; border-left:solid 1px white; }
#droite { float:left; width:178px; margin-bottom:0; vertical-align:top; color:black; text-align:center; border-right:solid 1px #ffffff; background:#d5c9b4; }
#page { float:left; width:620px; margin:0; margin-bottom:0; margin-right:0; color:black; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#contenu { margin-top:48px; }
#pied { font-family:arial; margin-left:0; float:left; background:#d5c9b4; width:978px; height:20px; padding-top:6px; margin-bottom:16px; text-align:center; font-size:10px; color:black; border:solid 1px #ffffff; border-top:0; }

#Rubriques { margin-top:16px; margin-bottom:32px; }
.rubrique_menu { display:inline; }
.PageSpectacles { background:#ede0c8; }
.PageStandard  { background:white; }

h1 { font-size:20px; padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:0px; margin-top:0px; }
h2 { font-size:16px; padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:0px; margin-top:0px; }
h3 { font-size:14px; padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:0px; margin-top:0px; }
p { text-align:justify; }
img { border:0; }
a { text-decoration:none; color:black; }
textarea { font-size:10px; }
select { font-size:10px; }
input { font-size:10px; }

.titregauche { font-weight:bold; color:black; margin-left:4px; margin-right:4px; margin-top:10px; margin-bottom:6px; padding:0; font-size:16px; text-align:left; }
.SpectacleGauche { margin-left:4px; margin-right:4px; margin-bottom:8px; font-size:14px; text-align:left; }
.SpectacleGaucheSel { color:black; font-weight:bold; margin-left:4px; margin-right:4px; margin-bottom:6px; padding:0px; font-size:18px; text-align:left; }
.SpectacleGaucheTitre { color:black; font-size:14px; text-align:left; }
.SpectacleGaucheDate { color:#004d4d; font-size:14px; text-align:left; }
.titredroite { font-weight:bold; color:black; margin-left:4px; margin-right:4px; margin-top:4px; margin-bottom:6px; padding:0; font-size:16px; text-align:left; }
.textedroite { color:black; margin-left:4px; margin-right:4px; margin-bottom:6px; padding:0; font-size:14px; }
.paragraphe { font-family:arial narrow; font-size:14px; margin-left:8px; margin-right:8px; margin-bottom:4px; padding:0px; }
.legende { color:black; margin:0; margin-left:8px; font-size:9px; }

.inftek { font-size:9px; }
.labelcg { font-size:9px; }
.labelfs { font-size:10px; }

.TitreSpectacle { font-family:impact; font-size:26px; color:black; margin:2px; margin-left:32px; margin-top:48px; }
.TitreCompagnie { font-family:impact; font-size:18px; color:#004d4d; margin:2px; margin-left:32px; }
.GenreSpectacle { font-family:impact; font-size:14px; color:#e6cf8a; margin:2px; margin-left:32px; margin-bottom:32px; }
.ImagesSpectacle { margin:0; margin-bottom:12px; }
.TexteCourtSpectacle { width:410px; text-align:justify; font-family:arial narrow; font-size:16px; color:black; float:right; margin-left:32px; margin-right:16px; font-weight:bold; margin-bottom:16px; }

.TexteLongSpectacle { width:410px; text-align:justify; font-family:arial narrow; font-size:16px; color:black; float:right; margin-left:32px; margin-right:16px; }
.HoraireSpectacle { width:680px; font-family:impact; font-size:14px; color:#004d4d; margin-left:32px; float:left; margin-bottom:16px; }
.DureeSpectacle { width:140px; font-family:impact; font-size:14px; color:black; margin-left:16px; float:left; margin-bottom:16px; }
.InfosSpectacle { width:140px; text-align:left; font-family:arial narrow; font-size:14px; color:black; float:left; margin-left:16px; }
.NomMois { width:600px; font-family:impact; color:#004d4d; float:left; text-transform:uppercase; font-weight:bold; font-size:26px; margin-bottom:16px; margin-top:32px; margin-left:28px;}
.SpectacleParMois { width:120px; font-family:arial narrow; font-size:12px; float:left; margin-left:28px; }

.Plus { margin-top:10px; margin-left:32px; }

.TitreContenu { font-family:impact; font-weight:normal; font-size:16px; color:#004d4d; margin:0; margin-top:16px; margin-bottom:8px; }

.TitreEvenement { font-family:impact; color:#004d4d; font-weight:bold; font-size:26px; margin-bottom:24px; }

.LienMenu { color:black; font-size:16px; }

#ContenuZoneGauche { margin-top:59px; }

.fondtitre { font-family:impact; color:#004d4d; font-weight:bold; font-size:26px; margin-bottom:24px; text-transform:uppercase; }

.mentionslegales { margin:8px; }

.SSMenu { text-align:left; margin-left:16px; font-weight:bold; }
.SSMenuSel { text-align:left; margin-left:16px; font-weight:bold; color:#e60000; }
.Archives { margin-top:6px; margin-bottom:6px; margin-left:8px; margin-right:8px; padding:0; font-size:16px; text-align:left; }
.Archive { margin-bottom:6px; color:#463f32; }
.ArchiveSel { margin-bottom:6px; color:#463f32; font-weight:bold; }

.er { color:red; font-weight:bold; }
.ok { color:green; font-weight:bold; }