/* @group global reset */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! For more information on the current state of Global Reset visit http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles */

html, body, div, span,ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}


/* @end global reset */
body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-color: #000;
margin-top:50px;
}
.conteneur { /*le conteneur global du site, qui sera centrŽ */
border-width: 2px;                                                   
border-color: #363636;                                                   
border-style: solid;                                                   
position: relative;
width: 780px;
margin: 0 auto; 
background: transparent url(img/back-salissures.png) no-repeat;
}
.header {
background: url(img/back-header.png) repeat-x;
height: 100px;
}
.contenu {padding:5px;}
#post{float: left;margin-bottom: 25px;border-bottom: 1px solid #646464;}
#post img {padding: 5px;}
#post h2, h2 a {padding: none;}
#logo {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 227px;
  height: 91px;
  background: url(img/logo.png) no-repeat;
  position: relative;
  z-index:1;
}
#logo span {
  display: none;
  position: absolute;
} 
#logo a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
} 
#logo a:hover {
  background-position: left bottom;
}
#logo a:hover span {
  display: block;
}
#logo .accueil span{
  width: 227px;
  height: 91px;
  background:transparent;
}
#logo .accueil  {
  width: 227px;
  height: 91px;
  background:transparent url(img/home-over.gif) no-repeat;
  left: 0px;
  top: 0px;
}
.mini{width:100px;height:130px;}
/* -- Navigation -- */
#nav {position:absolute;top:17px;left:230px;height:30px;}


#nav2 {position:absolute;top:52px;left:230px;}
#nav2 ul {text-align:right;}
#nav2 ul li {margin-left: 0; margin-bottom: 0; margin-right: 5px; margin-top: 0px; padding:0;display:inline;float:left;font-size: 13px;}

#navspectacles {background:#dfba7b;margin-right: 10px;margin-left: 260px;padding-bottom: 20px;margin-top: -10px;color:#a93569;}
#navspectacles ul {margin-left: 5px;text-align:left;}
#navspectacles ul li {margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 0px; padding:0;display:inline;font-size: 13px;}
#navspectacles a {color:#a93569;}
#navspectacles a:hover {color:#000;}
#navspectacles li .current {color:#000;}
.left {
position: absolute;
left:0;
width: 230px;
height: 462px;
background:transparent url(img/separation-left.png) no-repeat 220px 0px; ;
font-size: 12px;
margin-right:20px;
margin-left:10px;
}
.left-blog {
position: absolute;
left:0;
width: 200px;
height: 450px;
background:transparent url(img/left-blog.jpg) no-repeat 0px -40px; ;
font-size: 12px;
margin-top:-30px;
z-index:0;
}
.left-blog ul li {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.left-blog a {color:#FFF}
.left-blog a:hover {color:#dfba7b}
.left-propos {
position: absolute;
width: 230px;
height: 462px;
margin-left:10px;
margin-right:10px;
}
.block first a {color:red;list-style: none;}
.left-infos{font-size: 11px;color: #454545;width: 200px;}
.right {
margin-bottom: 40px;
line-height: 15px;
margin-right: 10px;
margin-left: 220px;
width: 510;
height: 390px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.rightspectacles {
margin-bottom: 40px;
line-height: 15px;
margin-right: 10px;
margin-left: 260px;
width: 510;
height: 380px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:dfba7b;
}
.rightpropos {
margin-bottom: 40px;
line-height: 15px;
margin-right: 10px;
margin-left: 270px;
width: 510;
height: 380px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.rightblog {
margin-bottom: 40px;
line-height: 15px;
margin-right: 10px;
margin-left: 260px;
width: 510;
height: 380px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.rightblog img,img a, a{
border:none;color:#dfba7b;
}
.rightblog a:hover, a:visited{color:#FFF}
.actuellement {
border-left: 1px #646464 solid;
line-height: 15px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 540px;
padding-left:10px;
width: 220px;
height: 460px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.actuellement img{margin-bottom:10px;margin-top:-5px;}
.left2 {
position: absolute;
left:0;
width: 500px;
height: 460px;
padding-left: 10px;
}
.lefthome {
position: absolute;
left:0;
width: 500px;
height: 460px;
margin-left: 20px;
}
.infos-acteurs {
margin-bottom: 10px;
line-height: 15px;
margin-right: 10px;
margin-left: 520px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
#description{font-size: 11px;
}
#photo{
width:110px;
height: 160px;
float:left;                                                   
border-color: #363636;                                                   
border-style: solid;
margin-right:10px;
}
.nom{
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
color:#dfba7b;
line-height: 22px;
}
.naissance{
font-size: 12px;
color:#dfba7b;
}
#bookmarks ul a {font-size: 9px;}
.pdf{
margin-top: 50px;
margin-right: 10px;
background-color: #000;
font-size: 13px;
padding:5px;
}
.greybox100{
margin-right: 10px;
background-color: #646464;
font-size: 12px;
padding:5px;
}
#right2 {
margin-bottom: 40px;
line-height: 15px;
margin-right: 10px;
margin-left: 520px;
width: 240px;
height: 260px;
overflow: auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
.titre{
margin-left: 220px;
margin-right: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
text-transform: uppercase;
color:#dfba7b;
background-color: #363636;
padding-top: 1px;
padding-bottom: 0px;
padding-left: 10px;
margin-bottom:40px;
}
.titre2{
width:95%;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
text-transform: uppercase;
color:#dfba7b;
background-color: #363636;
padding-top: 1px;
padding-bottom: 0px;
padding-left: 10px;
margin-bottom:20px;
}
.titre3{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
text-transform: uppercase;
color:#dfba7b;
background-color: #363636;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
}
.titrespectacles{
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
text-transform: uppercase;
color:#dfba7b;
background-color: #363636;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 10px;
margin-right:10px;
margin-left:260px;
margin-bottom:20px;
margin-top:-16px;

}
.titrearchives{
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
text-transform: uppercase;
color:#dfba7b;
background-color: #363636;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 10px;
margin-right:10px;
margin-left:260px;
margin-bottom:20px;
margin-top:0px;

}
.footer {
padding-top: 10px;
font-size:12px;
line-height: 14px;
position: relative;
width: 780px;
margin: 0 auto; 
}
.footer img {
float: left; 
margin-right: 10px;
}
.footer a { text-decoration: none; color: #898989;}
.footer a:hover { text-decoration: underline;}
.orange{color:#dfba7b;text-transform: uppercase;}
.orange a{text-decoration: none; color:#dfba7b;}
.orange a:hover {text-decoration: underline; color:#dfba7b;}
.gray137{color:#898989}
.gray201{color:#c9c9c9}
.gray100{color:#646464}
.gray180{color:#b4b4b4}
.white{color:white;}
.white a{text-decoration: underline; color:white;}
.white a:hover {text-decoration: none; color:white;}
.15{font-size: 15px;line-height: 17px;}
p {margin: 0 0 15px 0;}
.mini img{margin:5px;border: #272727 solid 1px;}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
#acteur {
     margin-right: 10px;
     width: 112px; /* largeur obligatoire pour être centré */
     float:left;
     font-size: 12px;
}
#acteur p{text-align: left; margin-top: 3px;}
#container {
	float: left;
	padding-top: 11px;
	margin-left: 11px;
}
#container div {
	float: left;
	overflow: hidden;
}
#colonne1 {
	width: 120px;
	padding-right: 36px;
}
#colonne2 {
	width: 120px;
	padding-right: 41px;
}
#colonne3 {
	width: 120px;
	padding-right: 31px;
}
#colonne4 {
	width: 136px;
}
.piece {
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: "Arial Narrow";
	font-size: 15px;
	font-weight: normal;
}
.piece a{
	color: #FFFFFF;
	text-decoration: none;
}
#mentions {
	font-size: 10px;
	color: #CCCCCC;
	float:right;
	margin-top: 35px;
	width: 275px;
}
.mois {
	color: #c38825;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.date {
	color: #dfba7b;
	font-family: "Arial Narrow";
	font-size: 15px;
}
.lieu {
	font-family: "Arial Narrow";
	color: #b4b4b4;
	font-size: 15px;
	font-weight: normal;
}

#ancillary .inside .block h2 { margin-bottom: 5px }
#ancillary .inside .block ul { margin-top: -5px }