html
	{
		height: 100%;
	}
	
body  {
	margin:0;
	padding:0;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #000;
	background-image: url(../images/bg.jpg);

}

a  {
  color:#777;
  text-decoration:none;
  font-weight:bold;
}

h1 a  {
  color:#666675;
}

a:hover  {
  color:#999;
}
/********************************************** indications conteneur **********************************************/

/* left:42%; /*centrage du côté gauche du conteneur   et  margin-left: -425px; /*recentrage du conteneur : 800px/2 + 5px d'ombre portée*/
 
#conteneur  {
	
	position:relative;
	min-height: 100%;
	width:1034px;
	margin: 0 auto;
	padding:0;
	left:45%;
    margin-left: -465px; 
	text-align:left;
	background-image: url(../images/bg_conteneur.jpg);
}

#head  {
  width:844px;
  height:246px;
  background:#000 url(../images/head.jpg);	
  margin:0 0 0  96px;
  cursor:pointer;
}

#head h1  {
  font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
  color:#ccc;
  letter-spacing:-0.05em;
  text-transform:uppercase;
  font-weight:normal;
  font-size:2em;
  margin:0 0 0 30px;
  padding:23px 0 0 0;
  position:relative;
  left:-4000px;
}

#head h2  {
  font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
  color:#765938;
  letter-spacing:-0.05em;
  font-weight:normal;
  font-size:0.8em;
  margin:0 0 0 30px;
  padding:0;
  position:relative;
  left:-4000px;
}

#blocgauche, #blocgauche2  {
  width:498px;
  overflow:hidden;
  margin:0 0 0 96px !important;
  margin: 0 0 0 48px;
  padding:0 30px 0 30px;	
  float:left;
  background:#F9EEEE url(../images/blocgauche_bg.jpg) no-repeat top left;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  line-height:1.7em;
  text-align:justify;
  color:#071828;
}

#blocgauche2 {

 background:url(../images/blocgauche_bg2.jpg) no-repeat top left;
 
 }

#blocgauche h1, #blocgauche2 h1  {
  width:360px;
  font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing: -0.07em;
  font-size:2em;
  text-align:left;
  line-height:1.1em;
  font-weight:normal;
  color:#666675;
  border-bottom:1px #333 solid;
  padding-bottom:2px;
  margin:10px 0 10px 0;
}

#blocgauche a img  {
  border:none;
}

/********************** contenu **************************/


.contenu, .contenu2  {
  margin:0 0 50px 0;
  width:498px;
}

.contenu h1 a, .contenu2 h1 a  {
font-family: Arial, Helvetica, sans-serif;	
  text-decoration:none;
  line-height:0.7em; 
  color:#1A3248;
  font-size:24px;
  font-weight:bold;
}

.contenu h2, .contenu h3, .contenu h4, .contenu h5, .contenu h6, .contenu2 h2, .contenu2 h3, .contenu2 h4, .contenu2 h5, .contenu2 h6  {
  font-family:"Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
  letter-spacing: -0.06em;
  text-transform:uppercase;
  text-align:left;
  font-weight:normal;
  color:#666675;
}

.contenu li, .contenu2 li  {
  list-style-image:url(../images/bullet.gif);
  margin-left:20px;
}

.contenu img  {
  background:#fff;
  padding:5px;
  margin:5px;
  border:1px #ccc solid;
}

.contenu a, .contenu2 a, .contenufooter a  {
  font-weight:normal;
  color:#667;
  text-decoration:underline;
}
.contenu a:hover, .contenu2 a:hover, .contenufooter a:hover  {
  color:#E96975;
}

.titretheatro {  color:#E96975; }



/************************************ fin **************************************/

#menu, #commentaire  {
  position:relative;
  top:-18px;
  margin:0;
  padding:0;
}

#commentaire  {
  padding:0;
  color:#666;
}
#commentaire ul  {
  text-transform:none;
  font-size:1em;
  list-style-type:none;
  margin:0;
  padding:0;
}
#commentaire li  {
  border-bottom:1px #333 solid;
  padding:0 10px 10px 10px;
  padding-bottom:0;
}

#commentaire li p  {
  margin:2px 0 2px 0;
}

#commentaire small a  {
  text-decoration:underline;
}

#commentaire a  {
  color:#ccc;
}

#commentaire a:hover  {
  color:#fff;
}

.soustitre, .souscreation {
margin:20px 0 0 0;
width:360px;
color:#555;
letter-spacing: 0.1em;
}

.souscreation {
width:510px;
text-align:center;
font-weight:bold;
}

#comediens {
	border:medium;
	margin-right: 15px;
}
/********************************** bloc droit *************************************/

#blocdroit  {
  width:286px;
  min-height:400px;
  background:#071828 url(../images/blocdroit_bg.jpg) no-repeat top left;	
  float:left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin:0;
  padding:75px 0 0 0;
}
#blocdroit  {
height: 400px;
min-height: 400px;
}
*>#blocdroit {
height: auto;
}

/*********************************** éléments du menu ********************************************/

ul.menunav, .decale {
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
}


ul.menunav a, .decale a  {
  display:block;
  width:260px;
  border-bottom:1px #333 solid;
  text-decoration:none;
  color:#E96975;
  line-height:30px;
  padding-left:25px;
}
ul.menunav a:hover, .decale a:hover  {
  background:#000;
  color:#fff;
  -moz-opacity:0.5; 
  filter:alpha(opacity=40) ; 
  opacity:0.5; 
}

.decale {
margin-left: 10px;
}

.decale a {

width:240px;
font-size:0.9em;
color:#EE9C93;
}

.decale a:hover {
margin:0 0 0 -20px;
padding-left:45px;
width:240px;
}

/***********************************fin ********************************************/



#separateur  {
  height:100%;
  width:744px;
  margin:0 0 0 96px;
  padding:0 0 4em 0;
  text-align:right;
  clear:both;
}

#footer  {
  margin:0 0 0 96px;
  position: absolute;
  width:844px;
  height:30px;
  background:#000;	
  clear:both;
  border-top:10px #E55A5F solid;
  color:#888;
  font-size:11px;
  bottom: 0;
  padding-top:15px;
}

#copyright  {
  float:right;
  padding-right:30px;
}

a#pub {
width:146px;
height:30px;
display:block;
float:left;
margin:0;
padding:0;
border:0;
text-decoration:none;
background:url(../images/logo.jpg);
position:relative;
left:25px;
top:-4px;
} 

#validation {
color:#777;
margin: 0 0 0 230px;
}

#auteur {
color:#666666;
font-size:10px;
margin: -10px 0 0 55px;
}

/********************************************* théatrographie **************************************************/

.theatro, .theatro2, .theatro3 {
position:relative;
margin:0;
height: 180px;
}
.theatro2 {
height: 250px;
}

.theatro3 {
height: 200px;
}
.theatrotexte {
width: 320px;
}

.theatro-image {
float:right;
  background:#fff;
  padding:5px;
  margin:5px;
  border:1px #ccc solid;
}