body, html {
margin: 0;
border: 0;
padding-bottom: 22px;
color: #000000;
font-size: 14px;
font-family: Verdana, Arial, sans;
font-weight: normal;
line-height: 1.75em;
background-color: #cdc39f;
text-align: center; /* IE */
}

B {font-weight: bold;}
I {font-style: italic;}
SUP { font-size: 65%; }
HR { color: #ffffff; background-color: #ffffff; height: 1px; border: 0px; clear: both; }
.sc { font-size: 80%; }
A { color: #793014; text-decoration: none; font-weight: bold;}
A:hover { color: #cd5425;}
a.linkopacity div {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
a.linkopacity:hover div {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}
P {margin: 0em 0em 1em 0em;}
blockquote { margin: 1em 0em 1em 3em;}
IMG {border: none;}
DIV, OBJECT, EMBED {float: left;}
h1, h2, h3 {clear: both; color: #555a42; margin-top: 0; text-align: left;}
H1 {font-size: 24px;}
H2 {font-size: 20px; text-transform: uppercase;}
H3 {font-size: 14px; text-transform: uppercase; border-bottom: solid 1px #555a42; margin-top: 2em;}

#boite {
width: 980px;
margin: 0px auto;
text-align: left;
float: none;
}

#colonne-gauche {
width: 260px;
background-image: url(../img/bande-gauche.jpg);
background-repeat: no-repeat;
}

#menu-haut {
font-size: 18px;
width: 236px;
height: 242px;
padding: 12px 24px 0px 0px;
line-height: 21px;
text-align: right;
}

#menu-haut A {
font-weight: normal;
color: #fefefe;
}

#menu-haut A:hover, #menu-haut A.actif {
color: #cdc39f;
}

#menu-gauche {
font-size: 18px;
width: 236px;
height: 700px;
padding: 124px 24px 0px 0px;
text-align: right;
}

#menu-gauche A {
font-weight: normal;
color: #000000;
}

#menu-gauche A:hover, #menu-gauche A.actif {
color: #793014;
}

#colonne-droite {
background-image: url(../img/entete.jpg);
background-repeat: no-repeat;
width: 624px;
padding: 0px 52px 40px 40px;
}

#lang-switch {
float: right;
margin: 12px -10px 100px 0px;
font-size: 18px;
color: #fefefe;
text-align: right;
}

#lang-switch a {
color: #cdc39f;
font-weight: normal;
}

#lang-switch a:hover {
color: #ffffff;
}

.image-cadre, .image-droite, .image-gauche  {
font-size: 10px;
text-align: right;
line-height: 1.5em;
}

.image-cadre IMG, .image-droite IMG, .image-gauche IMG {
border: solid 2px #ffffff;
}

.image-cadre{
margin-bottom: 1em;
}

.image-droite {
float: right;
margin: 0px 0px 0px 8px;
}

.image-gauche {
float: left;
margin: 0px 8px 0px 0px;
}

.nouvelles  {
border: solid 2px #ffffff;
line-height: 1.5em;
width: 604px;
padding: 8px;
float: left;
}

.spectacles-mois {border-bottom: none;}

.spectacles-dates {
margin-bottom: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-top: solid 1px #000000;
width: 100%;
}

.spectacles-infos {
font-weight: normal;
margin-left: 50px;
}

.table-calendrier {
	border: none;
	width: 100%;
}
.table-calendrier th {
font-size: 16px;
padding: 3px;
	color: #ffffff;
	background-color: #555a42;
	font-weight: bold;
	vertical-align: top;
}
.table-calendrier td {
font-size: 12px;
	padding: 3px;
	background-color: #e5dab3;
	color: #000000;
	vertical-align: top;
}